jquery3.0前
get方式：
語法解析：$.get(url,[data],[callback],[type]); 中括號裏的代表可寫可不寫
參數解析：
- url: 請求路徑
- data：請求參數
- callback：回調函數
- type：響應結果類型
$.get("ajaxServlet",{username:"wangxiansheng"},function (data) {
alert(data);
},"text");
post方式：
語法解析：$.post(url,[data],[callback],[type]); 中括號裏的代表可寫可不寫
參數解析：
- url: 請求路徑
- data：請求參數
- callback：回調函數
- type：響應結果類型
$.post("ajaxServlet",{username:"wangshuaishuai"},function (data) {
alert(data);
},"text");
jquery3.0後
$.get 與 $.post 參數跟下面的 $.ajax 一樣。
$.ajax參數解析：
- url：訪問的服務器的地址
- async：默認是true(異步) 還可取值：false(同步)
- method：默認是GET 還可取值：POST
- data：發送給服務器的數據， 兩種格式：1. 鍵=值&鍵=值 2. {鍵:值, 鍵:值}
- dataType：服務器返回的數據類型 取值：xml, html, script, json, text
- success：服務器正常響應的回調函數，參數就是服務器返回的數據
- error：服務器出現異常的回調函數，參數是XMLHttpRequest對象
使用方式：
使用json方式模擬獲取後臺內容，模仿用戶登錄
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQ方式的ajax(用戶登錄)</title>
<script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<h2>用戶登錄</h2>
賬戶：<input type="text" name="name" id="username">
密碼：<input type="password" name="pwd" id="password">
<input type="button" value="登錄" id="btn">
</body>
<script type="text/javascript">
/*
ajax參數介紹
url：訪問的服務器的地址
async：默認是true(異步) false(同步)
method：默認是GET POST
data：發送給服務器的數據，兩種格式：1. 鍵=值&鍵=值 2. {鍵:值, 鍵:值}
dataType：服務器返回的數據類型 取值：xml, html, script, json, text
success：服務器正常響應的回調函數，參數就是服務器返回的數據
error：服務器出現異常的回調函數，參數是XMLHttpRequest對象
*/
$("#btn").click(function () {
let username = $("#username").val();
let password = $("#password").val();
$.ajax({
url:"data/users.json",
success:function (data) { //data是後臺用戶數據
//標記
let flag = false;
//判斷文本框的內容是否在後臺數據中
for (let u of data) {
if (u.name == username && u.pwd == password){
flag = true;
break;
}
}
//有：登錄成功 沒有：失敗
if (flag){
alert("登錄成功！");
}else{
alert("登錄失敗！")
}
}
})
});
</script>
</html>
json文件
[{
"name":"zs",
"pwd":"123"
},
{
"name":"ls",
"pwd":"456"
}
]