jquery - 在 ASP.NET WebForms 中使用 jQuery 调用 'WebMethod'

标签 jquery asp.net ajax 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>

最佳答案

确保您已在 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 的使用code> 方法正确生成页面方法的 url,而不是对其进行硬编码。

关于jquery - 在 ASP.NET WebForms 中使用 jQuery 调用 'WebMethod',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6928533/

相关文章:

php - 如何在循环中使用 jQuery UI Accordion

javascript - 如何防止按钮出现悬停

c# - 如何调试 silverlight 应用程序?

CSS :visited Not Working with AJAX Call - Ruby On Rails

jquery getResponseHeader 总是返回 'undefined' ?

javascript - 如何使用 JavaScript 创建类似 jQuery 的对象函数

javascript - 避免在创建新元素时由于文本值而破坏字符串

javascript - 如何从 javascript 函数将值设置为 gridview 文本框

c# - 如何在我的 ASP.NET 应用程序中长时间使用 Session

jquery - 使用 Ajax 通过模式上传文件