JS前台调用后台方法

方法一:

前台:

        function test() {
            var a = "<%=init("abc")%>";
            alert(a);
        }

后台:

       public string init(string Parms1)
        {

            return "Return: " + Parms1;
        }

 

方法二: 使用Jquery ajax

前台:

    $(function () {
            $("#btnOK").click(function () {
                $.ajax({
                    //要用post方式   
                    type: "Post",
                    //方法所在页面和方法名   
                    url: "WebForm1.aspx/Init",
                    //如果有参数的话加上data 中间用 , 分开 参数名要和后台的参数名一致
                    data: "{'Parms1':'abc'}",  
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        //返回的数据用data.d获取内容   
                        alert(data.d);
                    },
                    error: function (err) {
                        alert(err);
                    }
                });

                //禁用按钮的提交   
                return false;
            });
        });

 

后台:

   [WebMethod]
        public static string Init(string Parms1)
        {
            return "Return: " + Parms1;
        }

 

方法三:

   使用asp:ScriptManager

 

 <script type="text/javascript">
        function Print() {
            PageMethods.Abc("you", funReady, funError);
        }

        // result 就是后台方法返回的数据
        function funReady(result) {
            alert(result);
        }
        // err 就是后台方法返回的错误信息
        function funError(err) {
            alert("Error:" + err._message);
        }

    </script>

 

    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true" />
            <input type="button" οnclick="Print()" value="打印" />
        </div>
    </form>

 

     [System.Web.Services.WebMethod]
        public static string Abc(string s)
        {
            return s;
        }

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值