在ajax中使用callback

今天遇到个场景是在点击按钮时,调用请求,在请求完成后,获取到后台返回的某个值之后再去执行下一步操作,也就是要同步进行。其实用setTimeout也是可以实现的,但考虑到效果最好,决定使用callback。

js 复制代码
getData = function(callback){
    $.ajax({  
      url: configUrl+'/biote/blog/post', // 接口URL 
      data: JSON.stringify(datas),
      success: function(data) {
      	执行你的操作...
		callback();
		// 如果这个接口需要在页面加载后立即执行那需要改一下上面这句代码
		callback ? callback() :'';
		// 或者在调用的时候传一个空方法也行
      }
    })
}

// 点击按钮的时候调用请求
$('.pro-nav').on('click','li',function(){    
	getData(function(){
        执行下一步操作...
    });
})
相关推荐
落魄江湖行几秒前
硅基同事埋的坑,我用2小时才填平:Nuxt 4 路由踩坑:可选参数 [[id]] 与 [id] 的区别
前端
一勺菠萝丶7 分钟前
管理后台使用手册在线预览与首次登录引导弹窗实现
java·前端·数据库
军军君017 分钟前
Three.js基础功能学习十四:智能黑板实现实例一
前端·javascript·css·typescript·前端框架·threejs·智能黑板
小村儿9 分钟前
连载05-Claude Skill 不是抄模板:真正管用的 Skill,都是从实战里提炼出来的
前端·后端·ai编程
xiaotao13115 分钟前
JS new 操作符完整执行过程
开发语言·前端·javascript·原型模式
robch22 分钟前
python3 -m http.server 8001直接启动web服务类似 nginx
前端·nginx·http
吴声子夜歌28 分钟前
ES6——数组的扩展详解
前端·javascript·es6
guhy fighting37 分钟前
new Map,Array.from,Object.entries的作用以及使用方法
开发语言·前端·javascript
大漠_w3cpluscom37 分钟前
CSS 技巧:CSS 单位使用指南
前端
STATICHIT静砸1 小时前
了解Monorepo结构
前端