第一种如下:Js部分:
var loadingDialog = $('
Please wait for a little while.
function bsl_showLoadingDialog(title) {
loadingDialog.dialog({
modal: true,title: title,width: 400,height: 300,cloSEOnEscape: false,resizable: false
});
loadingDialog.parent().find('.ui-dialog-titlebar-close').hide();
}
$(function () {
$("#btnOK").click(function () {
$.ajax({
type: "POST",async:true,url: "WebForm1.aspx/TestAjax",//必须是后台的静态方法
contentType: "application/json; charset=utf-8",dataType: "json",// data: "name=John&location=Boston",data:"",beforeSend: function () {
bsl_showLoadingDialog("请稍等");
},success: function (msg) {
$(loadingDialog).dialog("close");
alert("Data Saved: " + msg.d);
},error: function (err) {
$(loadingDialog).dialog("close");
alert(err);
}
});
//禁用按钮的提交
return false;
});
});
页面部分:
后台方法:
[WebMethod]//从前台调用必须是static方法,且必须加WebMethod
public static string TestAjax()
{
// lblName.Text = "Hello,Async";
WebForm1 webForm = new WebForm1();
if (webForm.lblName != null) //此处的lblName(Label)为null值,这个方法放在WebForm1的类中
{
webForm.lblName.Text = "Hello,Async";
}
Thread.Sleep(3000);
return "true";
} 局限性:后台的方法必须是静态的,导致就无法使用页面中其他的控件,无法给其他控件赋值。
总结
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。