在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(){
        执行下一步操作...
    });
})
相关推荐
梵得儿SHI2 分钟前
Vue 高级特性:组件高级用法(动态组件、异步组件、组件缓存 keep-alive)
前端·javascript·vue.js·keep-alive·异步组件·动态组件·vue组件高级特性
EndingCoder3 分钟前
泛型类和高级用法
linux·运维·前端·ubuntu·typescript
ℋᙚᵐⁱᒻᵉ鲸落9 分钟前
【Vue3】Element Plus 表单显示自定义校验错误
前端·javascript·vue.js
程序员小寒10 分钟前
聊一聊 CommonJS 和 ES6 Module
前端·ecmascript·es6
Java后端的Ai之路11 分钟前
【AI应用开发工程师】-Gemini写前端的一个坑
前端·人工智能·gemini·ai应用开发工程师
亿元程序员11 分钟前
最近很火的一个拼图游戏,老板让我用Cocos3.8做一个...
前端
m0_7482500312 分钟前
C++ Web 编程
开发语言·前端·c++
切糕师学AI12 分钟前
Vue 中的响应式布局
前端·javascript·vue.js
行者9615 分钟前
Flutter适配OpenHarmony:跨平台开发热门标签组件,从数据到交互的完整实现
前端·flutter·harmonyos·鸿蒙
晷龙烬17 分钟前
Vue组件使用三步走:创建、注册、使用(Vue2/Vue3双版本详解)
前端·javascript·vue.js