当前位置: 首页 > 面试题库 >

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

滕成双
2023-03-14
问题内容

我在下面设置了一个断点,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.dASP.NET用于将整个响应包装到的成功回调中的属性的用法,以及ResolveUrl正确生成page方法的URL而不是对其进行硬编码的方法的用法。



 类似资料:
  • 问题内容: 这类似于Node.js的Stream数据,但是我觉得这个问题没有得到足够的回答。 我正在尝试使用jQuery ajax调用(get,load,getJSON)在页面和node.js服务器之间传输数据。我可以从浏览器中找到该地址,然后看到“ Hello World!”,但是当我从页面尝试此操作时,它失败并显示没有任何响应。我设置了一个简单的测试页面和hello world示例进行测试:

  • 我有以下要求 在Login.html页面-登录btn并忘记密码btn 如果登录btn点击, 应该完成用户名和pswd文本字段验证。 如果验证成功-调用LoginServlet 如果LoginServlet成功验证用户- 我正在努力寻找过去3天的解决方案,我已经推荐了SO和其他门户网站的帮助,但仍然缺乏最终输出 登录名。html LoginServlet

  • 问题内容: 这与我的问题有关如何处理jQueryAJAX调用中的错误有关。一些响应建议我使用“错误”回调来显示来自jQuery AJAX调用的任何错误。我想知道如何使用ASP.NET MVC做到这一点。有没有一种方法可以让我的控制器操作返回可从“错误”回调中访问的错误?客户端代码如下所示: 问题答案: 注意:嗨,这是在ASP.Net MVC甚至达到1.0之前发布的,从那时起我什至没有研究框架。您可

  • 问题内容: 我正在使用jQuery的网页上工作。我有一个Ajax调用,它从服务器获取数据并更新div。在该数据内部有一个jQuery函数,但是在将数据加载到页面中之后未调用该函数。我已经在页面中包含了正确的js文件。 这是从Ajax调用返回并放入div的内容: 将html插入页面后,如何使返回的javascript运行? (我将Rails与jRails插件结合使用) 问题答案: 如果要对具有htm

  • 问题内容: 这可能是一个简单的答案,但是我正在使用jQuery的$ .ajax调用PHP脚本。我要做的基本上是将PHP脚本放入函数中,然后从javascript调用PHP函数。 对此 我如何在javascript中调用该函数?现在,我只使用$ .ajax和列出的PHP文件。 问题答案: 使用调用服务器上下文(或URL,或其他)来调用特定的“动作”。您想要的是这样的: 在服务器端,应读取POST参数

  • 问题内容: 首先,最感谢您解决我的问题,以及您可能提供的任何帮助! 好的,就像标题所说的,我需要从索引页面调用php函数,该函数使用JQuery Ajax在数据库中添加新记录作为投票。此函数将返回一个整数,然后将其打印在调用它的表单按钮内。 有人对我将如何实现这一目标有想法吗?任何指导表示赞赏! 我猜是表单动作属性发布了吗? 问题答案: 是的,创建一个单独的PHP文件,该文件调用该函数并回显输出。