ajax的同步和异步问题 (转)

最新推荐文章于 2024-09-23 14:48:30 发布

zh7314

最新推荐文章于 2024-09-23 14:48:30 发布

阅读量72

点赞数

文章标签： ajax javascript java js jquery

本文链接：https://blog.csdn.net/zh7314/article/details/115652826

版权

本文探讨了AJAX异步（async，默认为true）与同步（async:false）设置对程序执行顺序的影响。在异步模式下，程序会继续执行后续代码，直到服务器返回数据才执行success方法，可能导致执行顺序问题。而同步模式下，只有当AJAX请求完成并成功后，才会执行后续脚本，确保了执行顺序。示例中展示了如何调整async设置以达到预期效果。

摘要由CSDN通过智能技术生成

async默认的设置值为true，这种情况为异步方式，当ajax发送请求后，在等待server端返回的数据的过程中，程序会继续执行ajax块后面的代码，直到服务器返回正确的结果才会去执行success的方法，也就是说程序会从两个方向去执行脚本。在这个程序里，执行是这样的，执行ajax的success方法，另一方面执行脚本2。显然，不能得到想要的结果。因为，执行顺序的问题。

当把asyn设为false时，这时ajax的请求时同步的。这样的话，只有ajax请求成功之后，才会执行脚本2。也就是说，这个时候，ajax的success方法没有执行的情况下，脚本2是不执行的，因为这个时候是async: false，即同步的。

 <script type="text/javascript">   
    var flag=0;  
    var i=0;  
    var title;  
    $.ajax({  
        url: "showNewsAction.action",  
        type:'jsonp',  
        async: false,  
        success: function(msg){  
            for(i=0;i<msg.toString().length;i++){  
                $("#shopping_list").append("<li><a href="+"http://localhost:8080/HCF/showNews.jsp?id="  
                    +msg.news[i].id  
                    +">"  
                    +i  
                    +msg.news[i].id  
                    +msg.news[i].title  
                    +msg.news[i].author  
                    +msg.news[i].date.toString()  
                    +"</a></li>");  
            }     
        }  
    });  
  
</script>  
<script type="text/javascript">  
    $("#shopping_list li").quickpaginate({ perpage:5, pager : $("#shopping_list_counter") });  
</script>