ajax之async属性
实际项目中,ajax可以说是非常、非常、非常 常用的。而ajax默认是 异步请求
而有的时候 ajax的异步却不是特别的好用
//查询当前餐桌类型下有多少个餐桌 function tableCount(tableTypeId){ var count = 0; $.ajax({ data:{ restaurantId:'${restaurantId}', businesstimeid:timeId, predetermine:$('#orderdate').datebox('getValue'), currentDate:parent.currentDate, theBsnssTimId:parent.theBsnssTimId, typeId:tableTypeId }, url:'${ctx}/cater/caterTable/selectByTimeAndDuetotype', dataType:"JSON", type:"POST", async:false, success:function(result){ count = result.length; } }); return count; }
调用这个方法时(方法的参数无视)
var count = tableCount(record.id); $('#booksTableCount').html(count+'桌');
这里我先贴上同步的代码 ,然后我说一下 同步和异步的区别
async:false 这个属性是同步请求,即在服务器返回值之前不再加载下面的代码,默认值为true(不写的时候为true异步请求)
当我没有写async:false的时候, 这个方法返回的值为0 因为 方法还没有返回值的时候 下方代码已经加载完 那么count 有个默认值是0 :
未返回值,下面的方法便开始执行了,所以会显示成0
当加上async:false的时候,代码不再继续加载,等到服务器返回值之后才继续走,即走了success之后 才继续执行下面的代码 才有返回值
什么时候返回值,才会继续加载其他代码
我们不是制造者,我们是代码搬运工