【问题标题】:ASP.NET 3.5 calling [WebMethod] with AJAX - 500 ErrorASP.NET 3.5 使用 AJAX 调用 [WebMethod] - 500 错误
【发布时间】:2023-03-11 07:38:01
【问题描述】:

我有一个网站项目 (ASP.NET 3.5)。

其中一种方法是在 Search.aspx.cs 中看起来像这样。这是我试图调用的一种方法,因此我可以将一些数据返回给 Ajax 调用:

    [WebMethod]
    public static string TestMethod(string param)
    {
        return "It worked";
    }

从 Search.aspx 页面内部单击客户端按钮调用上述方法时遇到困难:

<form runat="server" id="mainForm" class="form-horizontal">
<input id="addButton" type="button" value="Add" />
</form>

<script>
$('#addButton').click(function () {
            $.ajax({
                type: "GET",
                url: "Search.aspx/TestMethod",
                data: "{}",
                contentType: "application/json",
                dataType: "json",
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert("Request: " + XMLHttpRequest.toString() + "\n\nStatus: " + textStatus + "\n\nError: " + errorThrown);
                },
                success: function (result) {
                    alert("We returned: " + result);
                }
            });
        });

</script>

这是显示错误 ajax 函数的警告框的屏幕。

这是另一个来自 Firefox 调试器:

这是一个来自 Firefox 调试器的完整错误截图:

【问题讨论】:

  • 你能让 firfox 调试器截图更具可读性吗?
  • 在调试时您的服务器代码是否也出现错误?如果是这样,它说明了什么?如果不是,则意味着 IIS 正在抛出错误,并且它会出现在您的 IIS 日志中。
  • @JasonRoell 我运行这个槽式视觉工作室而不是 IIS。我在代码中设置了一个断点,它没有被触发。
  • 试试contentType: "application/json; charset=utf-8",
  • @Dalorzo 我试过......得到同样的错误。

标签: c# jquery asp.net ajax webmethod


【解决方案1】:

您的方法需要接收一个参数...

把你的方法改成这样:

[WebMethod]
public static string TestMethod()
{
    return "It worked";
}

或者把你的js改成这个(你必须使用POST类型):

<script>
$('#addButton').click(function () {
            $.ajax({
                type: "POST",
                url: "Search.aspx/TestMethod",
                data: JSON.stringify({ "param" : "anything"}),
                contentType: "application/json",
                dataType: "json",
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert("Request: " + XMLHttpRequest.toString() + "\n\nStatus: " + textStatus + "\n\nError: " + errorThrown);
                },
                success: function (result) {
                    alert("We returned: " + result);
                }
            });
        });

</script>

【讨论】:

  • 我仍然在 Ajax 试图进行调用和调用到达方法后面的代码之间的某处遇到相同的错误,从而阻止它进行调用?是否必须在 web.config 或任何地方进行设置才能做到这一点?我没有做这些,项目有默认设置吗?
  • 很好......它说“尝试使用 GET 请求调用方法'TestMethod',这是不允许的。”不确定这是否有帮助。
  • 你是否像上面的例子一样将参数“type”更改为“POST”?
  • 它与 POST 一起使用。但是我没有发布任何我想获取数据的数据,所以它不应该是 GET 吗?例如,我会传入一个 ID,它会根据该 ID 返回一堆数据。
  • 您不必使用 Get。您可以像这样隐藏输入中的此 id:,并在帖子中使用:“data: JSON.stringify({ "param" : $("#sampleId").val() }),".你明白了吗?
猜你喜欢
  • 1970-01-01
  • 2017-04-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-07-12
相关资源
最近更新 更多