栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在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而不是对其进行硬编码的方法的用法。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/403935.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号