1 Ajax
异步请求
google的成名技术之一
后台提交请求
页面无刷新
局部刷新
2 js中的Ajax
1 发送Get请求
var xhr = new XMLHttpRequest();//构造ajax对象
xhr.open("GET", "/infos?name=admin", true);//打开连接
xhr.send();//发送请求
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {//4 代表服务器正确的给客户端响应,客户端也正确的收到了响应
var ret = eval("(" + xhr.responseText + ")")
console.log(ret.name);
}
}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
2 发送POST请求
var xhr = new XMLHttpRequest();
xhr.open("POST", "/infos", true);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//
xhr.send("name=admin123");
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {//4 代表响应成功
var ret = eval("(" + xhr.responseText + ")")
console.log(ret.name);
}
}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
3 jquery的ajax
get请求
$.ajax({
url: "/infos1?name=admin1234",
type: "GET",//可以省略 默认为GET请求
dataType: "json"
}).done(function () {
console.log("成功...");
}).fail(function () {
console.log("失败...");
});
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
2 post请求
$.ajax({
url: "/infos",
type: "POST",//
data: "name=admin222",
dataType: "json"
}).done(function (data) {
console.log(data);
}).fail(function () {
console.log("失败...");
});
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
以上是Ajax的代码 如有错误 请大佬指出
</div>
<link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-a47e74522c.css" rel="stylesheet">
</div>