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"
}
]