Jquery ajax加載等待執(zhí)行結(jié)束再繼續(xù)執(zhí)行下面代碼操作
更新時(shí)間:2015年11月24日 14:25:56 作者:空山瘋雨
這篇文章主要介紹了Jquery ajax加載等待執(zhí)行結(jié)束再繼續(xù)執(zhí)行下面代碼操作的相關(guān)資料,需要的朋友可以參考下
Jquery等待ajax執(zhí)行完畢再繼續(xù)執(zhí)行下面代碼的效果,具體代碼如下,其實(shí)就是將 jquery ajax 函數(shù)的 async 參數(shù)設(shè)置為 false 即可,該參數(shù)默認(rèn)為 true:
$(document).ready(function(){ loadphpernote(); window.open('http://www.phpernote.com'); }); function loadphpernote(){ var url='http://www.phpernote.com/ajax.php'; var data='action=list'; jQuery.ajax({ type:'post', url:url, data:para, async:false,//false代表只有在等待ajax執(zhí)行完畢后才執(zhí)行window.open('http://www.phpernote.com')語(yǔ)句 success:function (msg){ $('#articleList').html(msg); } }); }
下面給大家介紹jquery 加載等待效果
var dates = this.options.form.getWidgetByName("dates").getValue(); $.ajax({ url: "http://127.0.0.1:9009/Brilliantzz/service/snproduct.do", data:dates, beforeSend:function() { var h = document.body.clientHeight; $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:h}).appendTo("body"); $("<div class=\"datagrid-mask-msg\"></div>").html("正在上傳生產(chǎn)數(shù)據(jù),請(qǐng)稍候。。。").appendTo("body").css({display:"block", left:($(document.body).outerWidth(true) - 190) / 2, top:(h - 45) / 2}); }, complete:function(data) { $('.datagrid-mask-msg').remove(); $('.datagrid-mask').remove(); }, success: function(data) { alert("生產(chǎn)數(shù)據(jù):"+data); }, error: function(data) { alert("上傳生產(chǎn)數(shù)據(jù)異常!"); } });
您可能感興趣的文章:
- jQuery+Ajax+js實(shí)現(xiàn)請(qǐng)求json格式數(shù)據(jù)并渲染到html頁(yè)面操作示例
- 為jquery的ajax請(qǐng)求添加超時(shí)timeout時(shí)間的操作方法
- JQuery中Ajax的操作完整例子
- jQuery+Ajax實(shí)現(xiàn)無(wú)刷新操作
- jquery插件ajaxupload實(shí)現(xiàn)文件上傳操作
- Jquery操作Ajax方法小結(jié)
- Jquery Ajax請(qǐng)求文件下載操作失敗的原因分析及解決辦法
- jQuery學(xué)習(xí)筆記之 Ajax操作篇(二) - 數(shù)據(jù)傳遞
- 通過(guò)實(shí)例解析jQ Ajax操作相關(guān)原理
相關(guān)文章
Jquery Easyui進(jìn)度條組件Progress使用詳解(8)
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui進(jìn)度條組件Progress的使用方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12

基于jquery插件制作左右按鈕與標(biāo)題文字圖片切換效果
制作左右按鈕與標(biāo)題文字圖片切換效果的方法有很多,在本文為大家介紹下使用jquery圖片切換插件是如何實(shí)現(xiàn)的,感興趣的朋友不要錯(cuò)過(guò)
2013-11-11 
一款基于jQuery的圖片場(chǎng)景標(biāo)注提示彈窗特效
這篇文章主要介紹了一款基于jQuery的圖片場(chǎng)景標(biāo)注提示彈窗特效,需要的朋友可以參考下
2015-01-01 
jqGrid表格應(yīng)用之新增與刪除數(shù)據(jù)附源碼下載
jqGrid可以結(jié)合fancybox等插件完成超酷的彈出層效果,通過(guò)與php后臺(tái)交互,可以輕松完成數(shù)據(jù)的添加與詳情查看,而這個(gè)過(guò)程完全是一個(gè)ajax異步通信過(guò)程,是一個(gè)非常友好的富客戶端應(yīng)用,本文給大家介紹jqGrid表格應(yīng)用之新增與刪除數(shù)據(jù),需要的朋友參考下
2015-12-12