mar*_*ery 22 asp.net ajax jquery webforms webmethod
我在下面设置了一个断点,WebMethod但我从来没有打过断点.
CS:
[WebMethod]
public static string search()
{
return "worked";
}
ASPX:
function search() {
$.ajax({
type: "POST",
url: "ProcessAudit/req_brws.aspx/search",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
alert(msg)
}
});
}
<button id = "btnSearch" onclick = "search()" >Search</button>
Dar*_*rov 28
确保您已在ScriptManager元素中启用了页面方法:
<asp:ScriptManager ID="scm" runat="server" EnablePageMethods="true" />
并且您已通过在onclick处理程序中返回false取消了该按钮的默认操作,否则该页面将执行完整的回发,并且您的AJAX调用可能永远没有时间完成.这是一个完整的工作示例:
<%@ Page Language="C#" %>
<script type="text/c#" runat="server">
[System.Web.Services.WebMethod]
public static string search()
{
return "worked";
}
</script>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title></title>
</head>
<body>
<form id="Form1" runat="server">
<asp:ScriptManager ID="scm" runat="server" EnablePageMethods="true" />
<button id="btnSearch" onclick="search(); return false;" >Search</button>
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
function search() {
$.ajax({
type: 'POST',
url: '<%= ResolveUrl("~/default.aspx/search") %>',
data: '{ }',
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (msg) {
alert(msg.d)
}
});
}
</script>
</body>
</html>
另一种可能性是不引人注意地订阅点击处理程序:
<button id="btnSearch">Search</button>
然后在一个单独的javascript文件中:
$('#btnSearch').click(function() {
$.ajax({
type: 'POST',
url: '<%= ResolveUrl("~/default.aspx/search") %>',
data: '{ }',
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (msg) {
alert(msg.d)
}
});
return false;
});
您可能还会注意到msg.d成功回调中的属性的使用,ASP.NET使用该回调来包装整个响应以及方法的用法,ResolveUrl以正确生成页面方法的URL而不是对其进行硬编码.
更优化的呼叫将是
function search() {
$.ajax({
type: "POST",
url: '<%= ResolveUrl("~/ProcessAudit/req_brws.aspx/search") %>',
data: "{}",
contentType: "application/json",
success: function (msg) {
msg = msg.hasOwnProperty("d") ? msg.d : msg;
alert(msg);
}
});
}
asp:ScriptManager根本不需要提供.
资源:http://encosia.com/using-jquery-to-directly-call-aspnet-ajax-page-methods/
| 归档时间： |
|
| 查看次数： |
60598 次 |
| 最近记录： |