Send AJAX request to .aspx page and return JSON

Question

I know that it is possible to send an AJAX request to an .asmx page. And I also know that an .asmx page handles an AJAX request via a web method.

Is it also possible to send an AJAX request to an .aspx page? If so, does an .aspx page also handle an AJAX request via a web method? Note that I would like to return a JSON response from the .aspx page. Is this possible?

here is a link which may help you http://blog.devarchive.net/2007/12/calling-page-methods-from-javascript.html — शेखर, Jan 31 '13 at 11:00

score 12 · Accepted Answer · edited Aug 21 '17 at 16:50

You can define web methods in the code-behind of your .aspx page and then call them:

[WebMethod]
public static string doSomething(int id)
{
    ...
    return "hello";
}

And then, to call a web method in your jQuery code:

$.ajax({
    type: "POST",
    url: "YourPage.aspx/doSomething",
    data: "{'id':'1'}",
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: function (data) {
        var returnedstring = data.d;
        var jsondata = $.parseJSON(data.d);//if you want your data in json
    }
});

Here is a good link to get started.

Ravi Gadag · Answer 2 · 2013-01-31T10:25:54.247

if i understood question correctly, Aspx is same as HTML. It will be rendered as HTML. but only difference is Server Side and Controls retaining the states with state mechanism.

so you can do jquery $.ajax() function.

$.ajax({
     url: UrlToGetData,
     dataType:'json',
     success:function(data){
             //do some thing with data. 
           }
});

or if you want to write out json value to the response, then use Response.ContentType first use any Javascript serializer(JSON.NET) , then set the contentType like this.

Response.ContentType="application/json";

score 1 · Answer 3 · answered Jan 31 '13 at 10:48

 $.ajax({
            url: "(aspx page name/method to be called from the aspx.cs page)",
            type: "POST",
            dataType: "json",
            data: $.toJSON(jsonData),
            contentType: "application/json; charset=utf-8",
            success: function (data, textStatus, jqXHR) {
                 //TO DO after success
        }
});

Try the above code

Send AJAX request to .aspx page and return JSON

3 Answers3

Linked