JQuery Ajax Post to C#

Question

I'm trying to retrieve JSON Object on C# here is my JavasSciprt post but I'm unable to hande it on codebehind, thanks!

$.ajax({
    type: "POST",
    url: "facebook/addfriends.aspx",
    data: { "data": response.data },
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        location = '/facebook/login?URL=' + ReturnURL + '&UID=' + response.authResponse.userID + '&TK=' + response.authResponse.accessToken + '';
    }
});

I've tried to retrieve data like:

Request.Form["data"]
Request["data"]

score 18 · Accepted Answer · answered May 18 '12 at 13:37

18

Here's an example from Encosia.com (I added a form parameter). You don't need to access Page.Form - you can use method parameters instead.

Codebehind

public partial class _Default : Page 
{
  [WebMethod]
  public static string GetDate(string someParameter)
  {
    return DateTime.Now.ToString();
  }
}

Javascript

$(document).ready(function() {
  // Add the page method call as an onclick handler for the div.
  $("#Result").click(function() {
    $.ajax({
      type: "POST",
      url: "Default.aspx/GetDate",
      data: {someParameter: "some value"},
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(msg) {
        // Replace the div's content with the page method's return.
        $("#Result").text(msg.d);
      }
    });
  });
});

answered May 18 '12 at 13:37

jrummell

42,637
17
112
171

Thanks but I'm not trying to get data from C# to Javascipt I'm trying to post data from JavaScript to C# – Kaner TUNCEL May 18 '12 at 13:40
Yes but that doesn't contain a data holder on codebehind, I think the WebMethod keyword does the job? – Kaner TUNCEL May 18 '12 at 13:41
Did you see the `someParameter` method parameter? That's your post data. – jrummell May 18 '12 at 13:48
Thanks this is worked but I get error like response.data is not a JSon object – Kaner TUNCEL May 18 '12 at 13:56
This isn't very informative. A bunch of code with no explanation. – VoidKing May 10 '13 at 13:57
Follow the Ecosia link for all of the nitty gritty information. – jrummell May 10 '13 at 15:23
The part of code no need stringify data object helps me solves my problem. – V-SHY Nov 19 '18 at 04:34

score 3 · Answer 2 · edited Dec 10 '15 at 02:55

This is how I did and it worked for me:

$.ajax({
    type: "POST",
    url: "facebook/addfriends.aspx",
    data: "data=" + response.data + "&data1=anyothervaluelikethis",
    contentType: "application/x-www-form-urlencoded",
    dataType: "json",
    success: function (msg) {
        location = '/facebook/login?URL=' + ReturnURL + '&UID=' + response.authResponse.userID + '&TK=' + response.authResponse.accessToken + '';
    }
});

These two lines are modified

 data: "data=" + response.data + "&data1=anyothervaluelikethis",
 contentType: "application/x-www-form-urlencoded",

score 2 · Answer 3 · answered May 18 '12 at 13:50

The codebehind C# method signature should look something like:

[WebInvoke(UriTemplate = "MyMethod", Method = "POST", ResponseFormat = WebMessageFormat.Json)]
public Object MyMethod(Object data){
 // your code
}

where Object can be any serializable class

JQuery Ajax Post to C#

3 Answers3

Linked