admin管理员组

文章数量:1318573

I am developing a quite large application. But I am facing problem in Ajax. For that I tried to make a new and short program to invoke Ajax for test purpose. But I am stuck in that. Here is the Test.aspx code

<html xmlns="">
<head runat="server">
    <title>Testing</title>
    <script src=".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 function is

$(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;
});
});

And Test.aspx.cs code is below

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

When I put some value in TextBox. It alerts Yes!. But does not invoke [WebMethod]. Anyone know the problem.

I am developing a quite large application. But I am facing problem in Ajax. For that I tried to make a new and short program to invoke Ajax for test purpose. But I am stuck in that. Here is the Test.aspx code

<html xmlns="http://www.w3/1999/xhtml">
<head runat="server">
    <title>Testing</title>
    <script src="https://ajax.googleapis./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 function is

$(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;
});
});

And Test.aspx.cs code is below

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

When I put some value in TextBox. It alerts Yes!. But does not invoke [WebMethod]. Anyone know the problem.

  • javascript
  • c#
  • jquery
  • asp
  • ajax
Share Improve this question asked Sep 1, 2015 at 10:30 Fawad JalalFawad Jalal 2331 gold badge2 silver badges15 bronze badges 2
  • I changed to static. But the problem still exist. – Fawad Jalal Commented Sep 1, 2015 at 10:43
  • 1 instead of Console.WriteLine(str); use return str; and then alert(data) in success callback – J Santosh Commented Sep 1, 2015 at 10:44
Add a ment  | 

3 Answers 3

Reset to default 2

Make your [WebMethod] static as 

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

change ajax data value to data: "{'str':'" + text + "'}"

UPDATE Try This Same Code 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
    }

test.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);
        }
    });
   });
});

This is working

C#

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

JS

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

Have you tried setting ScriptMethod attribute for your method like so:

[ScriptMethod(ResponseFormat = ResponseFormat.Json)]

本文标签： javascriptAjax Call in Aspnet (WeBMethod Function not calling)Stack Overflow

版权声明：本文标题：javascript - Ajax Call in Asp.net ([WeBMethod] Function not calling) - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1742048688a2417944.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。