這篇文章主要介紹了Jquery ajax加載等待執行結束再繼續執行下面代碼操作的相關資料,需要的朋友可以參考下

Jquery等待ajax執行完畢再繼續執行下面代碼的效果，具體代碼如下，其實就是將 jquery ajax 函數的 async 參數設置為 false 即可，該參數默認為 true：

1. $(document).ready(function(){  
2. loadphpernote();  
3. window.open('http://www.phpernote.com');  
4. });  
5. function loadphpernote(){  
6. var url='http://www.phpernote.com/ajax.php';  
7. var data='action=list';  
8. jQuery.ajax({  
9. type:'post',  
10. url:url,  
11. data:para,  
12. async:false,//false代表只有在等待ajax執行完畢后才執行window.open('http://www.phpernote.com')語句  
13. success:function (msg){  
14. $('#articleList').html(msg);  
15. }  
16. });  
17. } 

下面給大家介紹jquery 加載等待效果

1. var dates = this.options.form.getWidgetByName("dates").getValue();  
2. $.ajax({  
3. url: "http://127.0.0.1:9009/Brilliantzz/service/snproduct.do",  
4. data:dates,  
5. beforeSend:function() {  
6. var h = document.body.clientHeight;  
7. $("<div class=/"datagrid-mask/"></div>").css({display:"block",width:"100%",height:h}).appendTo("body");  
8. $("<div class=/"datagrid-mask-msg/"></div>").html("正在上傳生產數據，請稍候。。。").appendTo("body").css({display:"block",  
9. left:($(document.body).outerWidth(true) - 190) / 2,  
10. top:(h - 45) / 2});  
11. },  
12. complete:function(data) {  
13. $('.datagrid-mask-msg').remove();  
14. $('.datagrid-mask').remove();  
15. },  
16. success: function(data) {  
17. alert("生產數據:"+data);  
18. },  
19. error: function(data) {  
20. alert("上傳生產數據異常！");  
21. }  
22. });