ajax之async属性

最新推荐文章于 2021-07-13 23:22:24 发布

转载最新推荐文章于 2021-07-13 23:22:24 发布 · 226 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhaotiancheng/p/7428799.html

文章标签：

#json

实际项目中，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之后才继续执行下面的代码才有返回值

什么时候返回值，才会继续加载其他代码

转载于:https://www.cnblogs.com/zhaotiancheng/p/7428799.html