Ajax的全称是 Asynchronous JavaScript and XML
AJAX 是一种创建快速动态网页的技术。
通过在后台与服务器交换少量数据，AJAX 允许网页进行异步更新。这意味着，在不重新加载整个网页的情况下，对网页某些部分进行更新。
在使用Ajax之前需要引入一个js （jquery）
前端Ajax交互中 有如下几点：
1.
| $.ajax({ | |
| type: 'POST', // 规定请求的类型（GET 或 POST） | |
| url: '/Ar/S', // 请求的url地址 | |
| dataType: 'json', //预期的服务器响应的数据类型 | |
data: data,//规定要发送到服务器的数据 async:false,//同步/异步进行操作 | |
| beforeSend: function () { //发送请求前运行的函数（发送之前就会进入这个函数） | |
| // .... | |
| }, | |
success: function (result) { // 当请求成功时运行的函数 | |
| }); | |
| } else { | |
| } | |
| }, | |
| error: function (result) { //失败的函数 | |
| //... | |
| }, | |
| complete: function () { //请求完成时运行的函数（在请求成功或失败之后均调用，即在 success 和 error 函数之后，不管成功还是失败 都会进这个函数） | |
| // ... | |
| } | |
| }); |
2.
var request = new XMLHttpRequest(); // 新建XMLHttpRequest对象
request.onreadystatechange = function () { // 状态发生变化时，函数被回调
if (request.readyState === 4) { // 成功完成
// 判断响应结果:
if (request.status === 200) {
// 成功，通过responseText拿到响应的文本:
return success(request.responseText);
} else {
// 失败，根据响应码判断失败原因:
return fail(request.status);
}
} else {
// HTTP请求还在继续...
}
}
// 发送请求:
request.open('GET', '/api/categories');
request.send();3.最简单的Ajax
$(function () {
$.ajax({
url:'https://api/api/banner/',//请求地址
methods:'get'//请求类型
success:function (res) { //成功
},
error:function (err) {//失败
}
})
})
赞
