首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何从JQuery对话框回发到另一个ASP .NET页面?

要从jQuery对话框回发到另一个ASP .NET页面,您可以使用jQuery的Ajax方法来实现。以下是一个简单的示例:

  1. 在ASP .NET页面中,创建一个HTML表单和一个按钮,以便用户可以输入数据并触发Ajax请求。
代码语言:html
复制
<!DOCTYPE html>
<html>
<head>
   <title>jQuery Ajax Example</title>
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <form id="myForm">
       <label for="name">Name:</label>
       <input type="text" id="name" name="name" />
       <button type="button" id="submitBtn">Submit</button>
    </form>
    <div id="result"></div>
   <script>
        $(document).ready(function () {
            $("#submitBtn").click(function () {
                var name = $("#name").val();
                $.ajax({
                    type: "POST",
                    url: "TargetPage.aspx/MyMethod",
                    data: JSON.stringify({ name: name }),
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        $("#result").html(response.d);
                    },
                    error: function (response) {
                        $("#result").html("Error: " + response.statusText);
                    }
                });
            });
        });
    </script>
</body>
</html>
  1. 在ASP .NET页面的代码后台中,创建一个名为MyMethod的静态方法,该方法将处理Ajax请求并返回响应。
代码语言:csharp
复制
using System.Web.Services;

public partial class TargetPage : System.Web.UI.Page
{
    [WebMethod]
    public static string MyMethod(string name)
    {
        return "Hello, " + name + "!";
    }
}
  1. 在ASP .NET页面的Web.config文件中,添加以下配置以启用ASP .NET AJAX。
代码语言:xml<configuration>
复制
 <system.web>
    <compilation debug="true" targetFramework="4.8">
     <buildProviders>
        <add extension=".aspx" type="System.Web.Compilation.PageBuildProvider"/>
      </buildProviders>
    </compilation>
   <pages>
     <controls>
        <add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      </controls>
    </pages>
  </system.web>
 <system.webServer>
    <handlers>
     <remove name="WebServiceHandlerFactory-Integrated"/>
      <add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      <add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      <add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
    </handlers>
  </system.webServer>
</configuration>

现在,当用户在表单中输入数据并单击“提交”按钮时,Ajax请求将发送到TargetPage.aspx页面的MyMethod方法,该方法将处理请求并返回响应,然后将响应显示在页面上的<div>元素中。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的合辑

领券