最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

js回调函数原理 包教包会

XAMPP下载 admin 686浏览 0评论
 js回调函数这一块一直是一个不太好理解的地方,相信很多同学都不知道该如何使用,今天我做项目的时候正好有一个地方要用到回调函数,有感而发。

应用场景

需求:我想封装一个ajax调用api的函数,在其他页面可以方便调用,但是调用的时候接收不到函数的返回值,因为函数的返回值在ajax 的 success回调当中,此时就需要一个回调函数了!

先看下我的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(“/api1/admin/add_menu”, data, function(data) {
console.log(data)
})
console.log(data)打印的是ajax success的回调数据

转载请注明:XAMPP中文组官网 » js回调函数原理 包教包会

您必须 登录 才能发表评论!