欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery json 增刪改查

錢淋西2年前9瀏覽0評論

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);
}
});