1.什么是 AJAX?
AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。
2.最基本的三个方法
jQuery
.get(URL,callback);
jQuery
.post(URL,data,callback);
jQuery
(selector).load(URL,data,callback);
必需的URL参数规定您希望请求的 URL。
可选的data参数规定连同请求发送的数据。
可选的callback参数是请求成功后所执行的函数名。
image
3.其余主要方法描述
image
image
4.一个封装了的ajax函数,使用了回调函数
post_func(url, data,cellback) {
var _this = this
var token = localStorage.getItem('token')
var username = localStorage.getItem('user')
$.ajax({
type: "POST",
url: this.res_url + url,
data: data,
async: true,
headers: {
"token": token,
"username": username
},
success: function (res) {
cellback(res)
},
error: function () {
alert("网络错误")
}
})
}
函数很简单,接收参数有三个 url是请求地址,data是请求参数,cellback是回调函数。
如何调用 ?
调用时前两个参数正常传就行,最后一个参数要传递一个函数,如下
post_func("/api/v1/admin/add_menu", data, function(data) {
console.log(data)
})
console.log(data)打印的是ajax success的回调数据。
5.Success()方法是后台执行返回结果时运行的函数,函数可以对后台返回的结果进行处理,具体有如下四种数据
image