jquery ajax 回调函数里面再执行ajax函数,jQuery AJAX 和其回调函数

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