1. Ajax 概念
-
在浏览器中,我们可以在不刷新页面的情况下,通过 ajax 的方式去获取一些新的内容;
-
Ajax:Asynchronous Javascript And XML(异步 JavaScript 和 XML);
-
Ajax 并不是凭空出现的新技术,而是对于现有技术的结合;
-
Ajax 的核心是 js 对象:XMLHttpRequest;
-
发送 Ajax 请求的五个步骤:
(1)创建异步对象,即 XMLHttpRequest 对象;
(2)设置请求的参数,包括:请求的方法、请求的url;
(3)发送请求;
(4)注册事件,如果要在数据完整请求回来的时候才调用,我们需要手动写一些判断的逻辑;
(5)获取返回的数据。
2. POST 请求格式
$.ajax({
/* url 地址可以是 /get-json/ 的方式
* 也可以是 http://www.qfedu.com/get-json/ 的方式
*/
url: 'url 地址',
type: 'GET/POST',
dataType: 'json',
success: function(result){
// 成功处理逻辑
},
error: function(result){
// 错误时处理逻辑
}
});
3. GET 请求格式
$.ajax({
/* url 地址可以是 /get-json/ 的方式
* 也可以是 http://www.qfedu.com/get-json/ 的方式
*/
type: "GET",
url: 'url 地址',
data: { page: $("#page").val(), limit: 5 },
dataType: "JSON",
success: function(result){
// 成功处理逻辑
},
error: function(result){
// 错误时处理逻辑
}
});
网友评论