要从jQuery对话框回发到另一个ASP .NET页面,您可以使用jQuery的Ajax方法来实现。以下是一个简单的示例:
<!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>
MyMethod
的静态方法,该方法将处理Ajax请求并返回响应。using System.Web.Services;
public partial class TargetPage : System.Web.UI.Page
{
[WebMethod]
public static string MyMethod(string name)
{
return "Hello, " + name + "!";
}
}
<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>
元素中。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云