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')語句
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頁面操作示例
- 為jquery的ajax請(qǐng)求添加超時(shí)timeout時(shí)間的操作方法
- JQuery中Ajax的操作完整例子
- jQuery+Ajax實(shí)現(xiàn)無刷新操作
- jquery插件ajaxupload實(shí)現(xiàn)文件上傳操作
- Jquery操作Ajax方法小結(jié)
- Jquery Ajax請(qǐng)求文件下載操作失敗的原因分析及解決辦法
- jQuery學(xué)習(xí)筆記之 Ajax操作篇(二) - 數(shù)據(jù)傳遞
- 通過實(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ò)過
2013-11-11
jqGrid表格應(yīng)用之新增與刪除數(shù)據(jù)附源碼下載
jqGrid可以結(jié)合fancybox等插件完成超酷的彈出層效果,通過與php后臺(tái)交互,可以輕松完成數(shù)據(jù)的添加與詳情查看,而這個(gè)過程完全是一個(gè)ajax異步通信過程,是一個(gè)非常友好的富客戶端應(yīng)用,本文給大家介紹jqGrid表格應(yīng)用之新增與刪除數(shù)據(jù),需要的朋友參考下
2015-12-12 
