在ASP.NET WebForms中使用jQuery调用“ WebMethod”

在ASP.NET WebForms中使用jQuery调用“ WebMethod”,第1张

在ASP.NET WebForms中使用jQuery调用“ WebMethod”

确保在

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
正确生成page方法的URL而不是对其进行硬编码的方法的用法。



欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5013191.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-14
下一篇 2022-11-14

发表评论

登录后才能评论

评论列表(0条)

保存