首页 > 代码库 > 使用ScriptManager服务器控件前后台数据交互

使用ScriptManager服务器控件前后台数据交互

2024-09-07 23:48:37   220人阅读

前台页面信息：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="QianBao.Dictionary.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
        </asp:ScriptManager>
        <script type="text/javascript">
            function tips() {
                var txt = document.getElementById("TextBox1").value;
                PageMethods.aa(txt, funRight);

            }
            function funRight(val)       //回调函数，用val接受后台代码aa的执行结果    
            {
                alert(val);
            }  
        </script>
        <asp:Label ID="Label1" runat="server" Text="请输入信息："></asp:Label>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="提交" OnClientClick="tips()" />
    </div>
    </form>
</body>
</html>

后台代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

using System.Web.Services;

namespace QianBao.Dictionary
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }
        [WebMethod]
        public static string aa(string str )
        {
            return "您输入的是：" + str;
        }
    }
}

注：前端页面需要引用ScriptManager服务器控件，并且将EnablePageMethods设置为true

 PageMethods方法

PageMethods.FunctionName(Parameter1,Parameter2...,funRight,funError,userContext);

parameter是Function的参数 object、Array类型

funRight是方法调用成功的回调函数，对返回值进行处理

funError是后台方法报错后，调用js处理

userContext是可以传递给SuccessMethod方法，或是FailedMethod方法的任意内容。

 

使用ScriptManager服务器控件前后台数据交互


联系
我们