在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(){
        执行下一步操作...
    });
})
相关推荐
IMPYLH38 分钟前
HTML 的 <data> 元素
前端·html
YHHLAI1 小时前
[特殊字符] 面试中的 Promise —— 从入门到精通
前端·javascript·面试
kyriewen3 小时前
我扒了 GPT-5.6 的全部编程跑分——有一项 OpenAI 没敢放出来
前端·gpt·ai编程
前端H4 小时前
微前端 v3 架构升级:从加载隔离到状态协同
前端·架构·状态模式
陆枫Larry5 小时前
小程序包体积优化:用 SVG 图片替换 iconfont,并保留 CSS 控色能力
前端
环境栈笔记6 小时前
多账号浏览器选型检查清单:Profile、权限、Session 和任务日志怎么评估
前端·人工智能·后端·自动化
前端炒粉6 小时前
手写promise
java·前端·javascript
LaughingZhu6 小时前
智能体经典范式构建:ReAct、Plan-and-Solve 与 Reflection
前端·react.js·前端框架
jsonbro6 小时前
手把手带你实现发布订阅模式
前端·vue.js·设计模式
一只猫的梦6 小时前
自动化模块 (Automation Module)
前端·chrome