加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Ajax调用后台方法的几种写法(一)

发布时间:2020-12-15 21:06:41 所属栏目:百科 来源:网络整理
导读:第一种如下:Js部分: script language="javascript" type="text/javascript" src="JScripts/jquery-1.8.3.js"/script script language="javascript" type="text/javascript" src="JScripts/jquery-ui-1.9.2.custom.min.js"/script link type="text/css" rel=
第一种如下:Js部分:
 <script language="javascript" type="text/javascript" src="JScripts/jquery-1.8.3.js"></script>
    <script language="javascript" type="text/javascript" src="JScripts/jquery-ui-1.9.2.custom.min.js"></script>
    <link type="text/css" rel="Stylesheet" href="Css/jquery-ui-1.9.2.custom.min.css" />
    <script language="javascript" type="text/javascript">
        var loadingDialog = $('<div id="dialog" title="" width="100%"><p class="center"><img src="Images/loading.gif"/></p><br/><p class="center">Please wait for a little while.</p></div>');
        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;
            });
        });
    </script>
页面部分:
  <asp:Button ID="btnOK" runat="server" Text="验证用户"  /> 
后台方法:
  [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";
        }
局限性:后台的方法必须是静态的,导致就无法使用页面中其他的控件,无法给其他控件赋值。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读