ajax同步请求

    问题描述:JSP页面的一个方法中,向数据库请求数据后,在页面中拼接了返回的数据,但是,拼接后的数据没有像预想中一样在页面展示

    原因分析:在该方法中连续写了两个ajax请求,因为ajax请求默认是异步的,第一个请求发送成功之后,并不会等待返回成功以后才继续执行下面的代码,而是直接去执行下面的代码,接下来又是一个ajax请求。两个ajax请求返回的数据在同一个div中拼接,预想中的结果是第一个请求返回后拼接一次数据,第二个请求返回后再次拼接数据,将界面更新。但是由于请求返回的时间问题,两个请求执行的时间太接近,导致第一个请求发送后还未返回数据,第二个请求发送的请求已经返回了数据,将数据展示在了界面上,然后第一个请求的数据才将数据返回,导致第一次请求的数据将第二次请求的数据覆盖了

    处理方法:将第一个ajax请求设置为同步,具体操作是将ajax请求的async参数设置为false

    示例代码:

			function func(){
				$.ajax({
					async:false,
					url:"${APP_PATH}/xxx",
					type:"GET",
					success:function(result){
						console.log("return over");
					}
				});
			}

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值