Asp.net 中的 Ajax 调用（[WebMethod] 函数未调用）

Question

我正在开发一个相当大的应用程序。 但是我在 Ajax 中遇到了问题。 为此，我尝试制作一个新的简短程序来调用 Ajax 以进行测试。 但我陷入了困境。 这是 Test.aspx 代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Testing</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="test.js"></script>

</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
            <asp:Button ID="Button1" runat="server" Text="Button" />
        </div>
    </form>
</body>
</html>

Ajax 函数是

$(document).ready(function () {
$("#Button1").click(function () {
    var text = $("#TextBox1").val();
    text = "this is test";
    debugger
    $.ajax({
        type: "POST",
        contentype: "application/json; charset=utf-8",
        url: "Test.aspx/Test",
        data: { str: text},
        //dataType:"json",
        success: function (data) {
            alert("yes");
        },
        error: function (response) {
            debugger
            alert(response);
        }
    });
    return false;
});
});

Test.aspx.cs 代码如下

[WebMethod]
    public void Test(string str)
    {
        Console.WriteLine(str);
    }

当我在 TextBox 中放入一些值时。 它提醒是！。 但不调用[WebMethod]。 任何人都知道问题所在。

Answer 1

使您的[WebMethod]静态为

[WebMethod]
    public static void Test(string str)
    {
        //Console.WriteLine(str);
        string retstr=str;
    }

将ajax数据值改为data: "{'str':'" + text + "'}"

更新试试这个相同的代码 aspx：

<asp:Button ID="Button1" ClientIDMode="Static" runat="server" Text="Button" />

aspx.cs

    [WebMethod]
    public static void Test(string str)
    {
        string abc=str;//Use this wherever you want to, check its value by debugging
    }

测试.js

$(document).ready(function () {
$("#Button1").click(function () {
    var text = "this is test";
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "Test.aspx/Test",
        data: "{'str':'" + text + "'}",
        dataType:"json",
        success: function (data) {
            alert("yes");
        },
        error: function (response) {
            alert(response);
        }
    });
   });
});

Answer 2

您是否尝试过为您的方法设置 ScriptMethod 属性，如下所示：

[ScriptMethod(ResponseFormat = ResponseFormat.Json)]

Answer 3

这是工作

C＃

[WebMethod]
public static string Test(string str)
{
      return str;
}

JS

const text = "this is test";   
$.ajax({      
      url: "Test.aspx/Test?str="+text,
      contentType: "application/json; charset=utf-8",
      method: 'post',
      data: "{'str':'"+text+"'}",
      success: function (data) {
               console.log(data);},
      error: function (response) {
               debugger;
               console.log(response);  }
});