Jquery ajax加載等待執(zhí)行結(jié)束再繼續(xù)執(zhí)行下面代碼操作
更新時間:2015年11月24日 14:25:56 作者:空山瘋雨
這篇文章主要介紹了Jquery ajax加載等待執(zhí)行結(jié)束再繼續(xù)執(zhí)行下面代碼操作的相關(guān)資料,需要的朋友可以參考下
Jquery等待ajax執(zhí)行完畢再繼續(xù)執(zhí)行下面代碼的效果,具體代碼如下,其實就是將 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ù),請稍候。。。").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ù)異常!");
}
});
相關(guān)文章
Jquery Easyui進(jìn)度條組件Progress使用詳解(8)
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui進(jìn)度條組件Progress的使用方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12
基于jquery插件制作左右按鈕與標(biāo)題文字圖片切換效果
制作左右按鈕與標(biāo)題文字圖片切換效果的方法有很多,在本文為大家介紹下使用jquery圖片切換插件是如何實現(xiàn)的,感興趣的朋友不要錯過
2013-11-11
jqGrid表格應(yīng)用之新增與刪除數(shù)據(jù)附源碼下載
jqGrid可以結(jié)合fancybox等插件完成超酷的彈出層效果,通過與php后臺交互,可以輕松完成數(shù)據(jù)的添加與詳情查看,而這個過程完全是一個ajax異步通信過程,是一個非常友好的富客戶端應(yīng)用,本文給大家介紹jqGrid表格應(yīng)用之新增與刪除數(shù)據(jù),需要的朋友參考下
2015-12-12 
