Call C# function (WebMethod) from Javascript (JQuery)

Question

I have a function like this

    [WebMethod]
    public static string Hello()
    {
        return "hello";
    }

I want to call it in my aspx page. so this is what I am trying

    function sendData(){
        $.post("Default.aspx/Hello", function(data){
            alert(data);
        }).fail(function() {
            alert( "error" );
        });
    }

Now caling this is successful and doesn't return error, but it doesn't return what I want. Instead of returning the string "hello" it gives me back a string of the html of the page

hutchonoid · Accepted Answer · 2015-05-19 21:13:22Z

1

You need to use data.d:

function sendData(){
        $.post("Default.aspx/Hello", function(data){
            alert(data.d);
        }).fail(function() {
            alert( "error" );
        });
    }

Dave Ward article on why you need to use .d

You also need to make sure that you have added a script manager and EnablePageMethods i.e.

<asp:ScriptManager runat="server" EnablePageMethods="true">
</asp:ScriptManager>

edited May 19, 2015 at 21:13

answered May 19, 2015 at 21:05

hutchonoid

33.4k15 gold badges102 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Kevin Over a year ago

thank you ... why wasn't I able to find this .d help anywhere else online?

hutchonoid Over a year ago

@Kevin No problem, it used to be a lot easier to find online elsewhere too. I only know from experiencing it myself. I think it was for json hijacking security issues.

Oscar · Accepted Answer · 2015-05-19 21:01:53Z

0

I think you should use $.ajax instead of $.post in your js method, as the GET http method is the default used in controllers if not specified otherwise.

answered May 19, 2015 at 21:01

Oscar

14.1k9 gold badges53 silver badges84 bronze badges

Comments

JGV · Accepted Answer · 2015-05-19 21:05:26Z

0

I think you are close. In my project I am using $.ajax. I have provided the code sample from my project (which works fine) and I hope it helps.

C#

    [WebMethod]
    public static List<ConnectionStatusInfo> GetConnectionStatus()
    {
       .....
    }

JavaScript

$.ajax({    url: "ConnectionStatus.aspx/GetConnectionStatus",
            dataType: "json",
            type: 'POST',
            data: null,
            contentType: "application/json; charset=utf-8",
            success: function (data) {

            },
            error: function (d) {

            }
        });

answered May 19, 2015 at 21:05

JGV

5,2079 gold badges57 silver badges101 bronze badges

Collectives™ on Stack Overflow

Call C# function (WebMethod) from Javascript (JQuery)

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related