资讯专栏INFORMATION COLUMN

js回调函数原理 包教包会

amuqiao / 1450人阅读

摘要:回调函数这一块一直是一个不太好理解的地方,相信很多同学都不知道该如何使用,今天我做项目的时候正好有一个地方要用到回调函数,有感而发。

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("/api/v1/admin/add_menu", data, function(data) {
        console.log(data)
      })

console.log(data)打印的是ajax success的回调数据

成功!真香 

作者:有节操、有内涵、有信仰--不存在的
来源:CSDN
原文:https://blog.csdn.net/weixin_...
版权声明:本文为博主原创文章,转载请附上博文链接!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99592.html

相关文章

  • 如何理解异步/同步 与 阻塞/非阻塞

    摘要:接下来我们就来探讨下异步同步与阻塞非阻塞它们其中的区别。阻塞非阻塞是针对的第一阶段的描述。 Author: bugall Wechat: bugallF Email: 769088641@qq.com Github: https://github.com/bugall 一: 引言 在面试中我们会碰到这种场景: 面试官:能解释下什么是同步,异步么? 程序员:假...

    leap_frog 评论0 收藏0
  • 优秀博文收藏(不定期更新)

    摘要:我的书签我的书签谨慎导入,小心覆盖工具类版本管理快速切换源配置教程指南可视化工具前端工具集前端助手网络封包截取工具格式化工具标注工具模拟请求类深入浅出布局你所不知道的动画技巧与细节常用代码黑魔法小技巧,让你少写不必要的,代码更优雅一劳永 我的书签 我的书签(谨慎导入,小心覆盖) 工具类 nvm: node版本管理 nrm: 快速切换npm源 shell: zsh+on-my-zsh配...

    sunsmell 评论0 收藏0
  • 优秀博文收藏(不定期更新)

    摘要:我的书签我的书签谨慎导入,小心覆盖工具类版本管理快速切换源配置教程指南可视化工具前端工具集前端助手网络封包截取工具格式化工具标注工具模拟请求类深入浅出布局你所不知道的动画技巧与细节常用代码黑魔法小技巧,让你少写不必要的,代码更优雅一劳永 我的书签 我的书签(谨慎导入,小心覆盖) 工具类 nvm: node版本管理 nrm: 快速切换npm源 shell: zsh+on-my-zsh配...

    zhangfaliang 评论0 收藏0

发表评论

0条评论

amuqiao

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<