在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(){
        执行下一步操作...
    });
})
相关推荐
snow@li14 分钟前
前端组件开发:组件开发 / 定义配置 / 配置驱动开发 / 爬虫配置 / 组件V2.0 / form表单 / table表单
前端·组件化·定义配置
Mr_sun.18 分钟前
day01-HTML-CSS——基础标签样式&表格标签&表单标签
前端·css·html
多多*1 小时前
后端技术选型 sa-token校验学习 下 结合项目学习 后端鉴权
java·开发语言·前端·学习·算法·bootstrap·intellij-idea
落霞的思绪3 小时前
苍穹外卖07——来单提醒和客户催单(涉及SpringTask、WebSocket协议、苍穹外卖跳过微信支付同时保证可以收到订单功能)
linux·前端·数据库
JINGWHALE13 小时前
设计模式 行为型 解释器模式(Interpreter Pattern)与 常见技术框架应用 解析
前端·人工智能·后端·设计模式·性能优化·系统架构·解释器模式
Kika写代码3 小时前
【基于轻量型架构的WEB开发】课程 实验一 mybatis操作 Java EE企业级应用开发教程 Spring+SpringMVC+MyBatis
前端·架构·mybatis
ネф̶-イω3 小时前
uniapp火车票样式
前端·css·uni-app
阳%3 小时前
Web前端界面开发
前端·html
桃园码工3 小时前
1_CSS3 边框 --[CSS3 进阶之路]
前端·javascript·css3
_未知_开摆3 小时前
CSS | CSS实现两栏布局(左边定宽 右边自适应,左右成比自适应)
java·前端·javascript·css·html·css3