基於jQuery的三種AJAX請求 1. 介紹 get請求 通常用於 獲取服務端資源（向伺服器要資源） 例如：根據URL地址，從伺服器獲取HTML文件、CSS文件、JS文件、圖片文件、數據資源等。 post請求 通常用於 向伺服器提交數據（往伺服器發送資源） 例如：登錄時向伺服器提交的登錄信 ...
基於jQuery的三種AJAX請求
1. 介紹
get請求通常用於獲取服務端資源（向伺服器要資源）
例如：根據URL地址，從伺服器獲取HTML文件、CSS文件、JS文件、圖片文件、數據資源等。
post請求通常用於向伺服器提交數據（往伺服器發送資源）
例如：登錄時向伺服器提交的登錄信息、註冊是向伺服器提交的註冊信息、添加用戶時向伺服器提交的用戶信息等各種數據提交操作。
ajax請求就比較綜合，既可以發送get請求也可以發送post請求
2. 用法
2.1. get請求
語法：
$.get(url, [data], [callback]); // 帶有中括弧的參數表示可以省略
參數介紹：
| 參數名 | 是否可省略 | 參數類型 | 參數作用 |
|---|---|---|---|
| url | 不可省略 | string | 規定你請求的url |
| data | 可省略 | object | 請求資源期間要攜帶的參數 |
| callback | 可省略 | function | 請求成功後所執行的函數名 |
案例：
// 發送get請求，請求 bookname 為 '西游記' 的數據
$.get('http://www.liulongbin.top:3006/api/getbooks', { bookname: '西游記' }, function (res) {
console.log(res); // res 是伺服器返回的數據
})
2.2. post請求
語法：
$.post(url, [data], [callback]); // 帶有中括弧的參數表示可以省略
參數介紹：
| 參數名 | 是否可省略 | 參數類型 | 參數作用 |
|---|---|---|---|
| url | 不可省略 | string | 規定你請求的url |
| data | 可省略 | object | 要提交的數據 |
| callback | 可省略 | function | 請求成功後所執行的函數名 |
案例：
// 定義url
let url = 'http://www.liulongbin.top:3006/api/addbooks'
// 定義data數據
let data = {
bookname: '富婆成長計',
author: 'tuoni',
publisher: '廣東出版社'
}
// post請求
$.post(url, data, function (res) {
console.log(res);
})
2.3. ajax請求
語法以及參數：
$.ajax({
type: '', // 請求的方式，例如 'GET' 或 'POST'
url: '', // 請求的URL地址
data: {}, // 這次請求要攜帶的數據
success： function(res) {} // 請求成功之後的回調函數
})
