Ajax请求中的async:false/true的区别

Ajax请求中的async:false/true的区别

官方的解释是:

asyncBooleanDefault:true

Bydefault,allrequestsaresentasynchronous(e.g.thisissettotruebydefault).Ifyouneedsynchronousrequests,setthisoptiontofalse.Notethatsynchronousrequestsmaytemporarilylockthebrowser,disablinganyactionswhiletherequestisactive.

async.默认是true,即为异步方式,$.Ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发$.Ajax里的success方法,这时候执行的是两个线程。若要将其设置为false,则所有的请求均为同步请求,在没有返回值之前,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。

jsp页面

functionjudgeSupplierAssessment(){

varresult=false;

varquote_list_id=$("input[name='quote_list_id']").val();

varproduct_id=$("#product_id").val();

varurl="<s:urlvalue='/quote/quoteprice!checkSupplierAssessment.action'/>?

quote_list_id="+quote_list_id+"&product_id="+product_id;

$.ajax({

url:encodeURI(url),//处理中文乱码。

type:"POST",//请求的方式:"POST"或者"GET"

dataType:"json",//数据返回的格式

async:false,

success:function(obj){

varflag=obj['flag'];

if(flag=='1'){

result=true;

}

},

error:errorCallBaxk//请求失败后回调函数

});

returnresult;

alert(result);

}

这个ajax请求为同步请求,在没有返回值之前,alert(result)是不会执行的。

如果async设置为:true,则不会等待ajax请求返回的结果,会直接执行ajax后面的语句。

后台代码

publicStringcheckSupplierAssessment()throwsIOException{

HttpServletRequestrequest=Struts2Utils.getRequest();

SystemUsersystemUser=getUser(request);

Stringpro_id=request.getParameter("product_id");

Stringquote_list_id=request.getParameter("quote_list_id");

PrintWriterout=Struts2Utils.getResponse().getWriter();

HttpServletResponseresponse=Struts2Utils.getResponse();

Map<String,String>map=newHashMap<String,String>();

Stringflag=orderQuoteService.judgeSupplierAssessment

(pro_id,quote_list_id,systemUser);

map.put("flag",flag);

Gsongson=newGson();

Stringjson=gson.toJson(map);

response.setHeader("Cache-Control","no-cache");

response.setContentType("text/json;charset=utf-8");

out.print(json);

out.flush();

returnnull@H_325_403@;

}

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 &#128515; https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: &quot;./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...