问题描述: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");
}
});
}