JSON(JavaScript Object Notation)是一種輕量級的數據格式。它具有更好的可讀性和更好的編寫和解析數據的簡易性。在 jQuery 中,通過 $.ajax() 函數和 $.getJSON() 函數,我們可以很輕松地實現與服務器之間的數據交互。
在使用 jQuery 操作 JSON 數據時,通常會涉及到四個方面的操作:增加(Create)、查詢(Read)、更新(Update)和刪除(Delete),通常簡稱為 CRUD 操作。下面,我們來逐個介紹。
JSON 增加(Create)
當我們需要向服務器發送一些數據時,就需要用到增加操作。使用 $.ajax() 函數向服務器發送 POST 請求,可以將數據傳送到服務器上,實現增加操作。代碼實現如下:
$.ajax({ type: 'POST', // 設置請求類型為 POST url: '/api/mydata', // 設置請求地址 data: { // 設置請求參數 name: 'Tom', age: 18, gender: 'male' }, success: function(resp) { // 設置請求成功后的回調函數 console.log(resp); }, error: function(jqXHR, textStatus, errorThrown) { // 設置請求失敗后的回調函數 console.log(textStatus); } });
JSON 查詢(Read)
查詢操作是指當我們需要從服務器獲取數據時,就需要用到查詢操作。使用 $.getJSON() 函數向服務器發送 GET 請求,可以獲取服務器上的數據,實現查詢操作。代碼實現如下:
$.getJSON('/api/mydata', function(data) { // 設置請求地址,請求成功后的回調函數 console.log(data); });
JSON 更新(Update)
當我們需要更新服務器上的數據時,就需要用到更新操作。使用 $.ajax() 函數向服務器發送 PUT 請求,可以將更新后的數據傳送到服務器上,實現更新操作。代碼實現如下:
$.ajax({ type: 'PUT', // 設置請求類型為 PUT url: '/api/mydata/123', // 設置請求地址 data: { // 設置請求參數 name: 'Tom', age: 20, gender: 'male' }, success: function(resp) { // 設置請求成功后的回調函數 console.log(resp); }, error: function(jqXHR, textStatus, errorThrown) { // 設置請求失敗后的回調函數 console.log(textStatus); } });
JSON 刪除(Delete)
當我們需要刪除服務器上的數據時,就需要用到刪除操作。使用 $.ajax() 函數向服務器發送 DELETE 請求,可以將要刪除的數據的 ID 傳送到服務器上,實現刪除操作。代碼實現如下:
$.ajax({ type: 'DELETE', // 設置請求類型為 DELETE url: '/api/mydata/123', // 設置請求地址 success: function(resp) { // 設置請求成功后的回調函數 console.log(resp); }, error: function(jqXHR, textStatus, errorThrown) { // 設置請求失敗后的回調函數 console.log(textStatus); } });
上一篇mysql命令行怎么看表
下一篇qt與vue