在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(){
        执行下一步操作...
    });
})
相关推荐
michael_ouyang12 小时前
WebSocket 鉴权方案选型与 Electron 应用的最佳实践
前端·websocket·网络协议·electron
xixixin_12 小时前
【vue】中字符串与数组转换:为何首选 Computed 而非 Methods?
前端·javascript·vue.js
Sylvia33.12 小时前
网球/羽毛球数据API:专业赛事数据服务的技术实现
java·前端·websocket·json
向下的大树13 小时前
VUE父子组件传参中的触发时机问题:异步场景下的解决方案
前端·javascript·vue.js
英俊潇洒美少年13 小时前
vue2中使用节流防抖函数时,使用的vue状态始终是初始化的数据
前端·javascript·vue.js
棒棒的唐13 小时前
适合小程序使用的将对象数组转换为参数字符串方法
前端·javascript·小程序
博客zhu虎康13 小时前
音频视频处理:前端直播流播放 flv
前端
一位搞嵌入式的 genius13 小时前
深入理解 JavaScript 原型与继承:从基础到进阶
开发语言·前端·javascript
董世昌4113 小时前
深度解析var、let、const的区别与最佳使用场景
开发语言·前端·javascript
C_心欲无痕13 小时前
Next.js 平行路由:构建模块化动态布局
开发语言·前端·javascript