在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(){
        执行下一步操作...
    });
})
相关推荐
凌栀茗13 小时前
html第二天
前端·javascript·html
你脸上有BUG13 小时前
CSS实现透明内层+渐变边框的优雅方案
前端·css·毛玻璃
Amumu1213813 小时前
Redux介绍(一)
前端·javascript·react.js
麷飞花13 小时前
TypeScript问题
前端·javascript·vscode·typescript·ts
阿湯哥13 小时前
ReAct智能体
前端·react.js·前端框架
放逐者-保持本心,方可放逐13 小时前
electron 中的那些事(很关键)-核心要点补充
前端·javascript·electron
战族狼魂13 小时前
Python 完整实现 BCrypt GUI 工具
java·前端·python
念念不忘 必有回响13 小时前
vue项目从零开始配置国际化
前端·javascript·vue.js
J_liaty13 小时前
前后端跨域处理全指南:Java后端+Vue前端完整解决方案
java·前端·vue.js·spring boot·后端
小二·13 小时前
Python Web 开发进阶实战:国际化(i18n)与多语言支持 —— Vue I18n + Flask-Babel 全栈解决方案
前端·vue.js·python