How to get JSON POST data in ASP.NET Web Forms?

Question

I currently have some jquery that is POSTing data onto one of my web pages.

Right now I'm just trying to get it to post some JSON to test it out, but I can't figure out have to actually get the data in my back-end once it's posted.

I've always used Request.Params to get posted data, but it doesn't seem to be working this time.

This is the code I'm using to do the post:

// This data is just for testing purposes, doesn't actually do anything
var person = {
    name: "Bob",
    address: "123 Main St.",
    phone: "555-5555"
}

var jqxhr = $.ajax({
    type: "POST",
    url: "/example/mypage.aspx",
    contentType: 'application/json; charset=utf-8',
    dataType: "json",
    timeout: 0,
    success: function () {
        alert("Success");
    },
    error: function (xhr, status, error) {
        alert(error);
    },
    data: person
});

The post is definitely successful though, as I can see it using Fiddler, plus when I check Request.ContentLength it returns the right number of bytes that was posted.

But I can't find the actual data anywhere. Any ideas on what I'm doing wrong?

Thanks in advance.

data is your data - had the same issue a few days ago: stackoverflow.com/questions/29132493/… — Adjit
– Adjit, Commented Mar 20, 2015 at 21:18
I need to access the data in asp.net after it's posted to my back-end service, though. The data object is just what I used to post the json data. — Jeremy
– Jeremy, Commented Mar 20, 2015 at 21:21
Oh I see now - would probably look into changing your data variable name, not sure if it's messing with things. In any event, unsure how to accomplish what you are looking for - however, take a look here: msdn.microsoft.com/en-us/library/aa530946.aspx — Adjit
– Adjit, Commented Mar 20, 2015 at 21:25
Yeah, I'll change the variable name so it's more clear. Thanks — Jeremy
– Jeremy, Commented Mar 20, 2015 at 21:26

Hasta Tamang · Accepted Answer · 2015-03-22 08:35:18Z

8

Posting javascript object:

pass the plain object to the data option,
leave the contentType option alone. The default option is perfect.

Then you can access the property values of the object in the Request collection as if you have posted a form.

server side:

   string input;
    using(var reader = new StreamReader(Request.InputStream)){
            input = reader.ReadToEnd();
        }

Posting Json:

data: JSON.stringify(person),
contentType: "application/json"

server side:

string json;
using(var reader = new StreamReader(Request.InputStream)){
        json = reader.ReadToEnd();
    }
var person = Json.Decode(json);

Referenced from: http://www.mikesdotnetting.com/article/220/posting-data-with-jquery-ajax-in-asp-net-razor-web-pages

edited Mar 22, 2015 at 8:35

answered Mar 20, 2015 at 21:27

Hasta Tamang

2,2981 gold badge20 silver badges17 bronze badges

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

6 Comments

Jeremy Over a year ago

How would I do this in Web Forms? I didn't give any back-end code just cause there really wasn't anything to look at. I was just using Request.Params, and putting a breakpoint in so I could fiddle around using the Immediate Window to try and find my data.

Hasta Tamang Over a year ago

i am not sure about webforms but try adding data: JSON.stringify(data) in your ajax. and in codebehind somethign like this NameValueCollection coll; //Load Form variables into NameValueCollection variable. coll=Request.Form;

Hasta Tamang Over a year ago

You might want to use webservices if that does not work. Sorry for not being much help

Jeremy Over a year ago

Hmm, still not getting anything. Thanks though. If I used something other than JSON, would I be able to use Request.Params like usual? Just wondering if there's any kind of work around.

Hasta Tamang Over a year ago

Hi Jeremy, So if you want to post a JavaScript object via jQuery, pass the plain object to the data option, and leave the contentType option alone. The default option is perfect. Then you can access the property values of the object in the Request collection as if you have posted a form. mikesdotnetting.com/article/220/…

|

Collectives™ on Stack Overflow

How to get JSON POST data in ASP.NET Web Forms?

1 Answer 1

Posting javascript object:

Posting Json:

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Posting javascript object:

Posting Json:

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related