Jquery ajax post data query

Question

i have a doubt in jquery ajax data format. what is the data type of user data when passing from client to server? . if data is passing like data: { // user data} giving 500 error. but if passing like data:'{}' or data:"{}" giving result as success. do i need to enclose the data between '' or "" ?

 $.ajax({
                type: "POST",
                url: "Contact.aspx/add",
                dataType: "json",
                data: '{ "Data": "hii" }',
                contentType: "application/json; charset=utf-8",
                success: function (response) {

                },

                error: function (msg) {
                    alert(msg.status);
                }
            });
       ------c#-------
      [WebMethod]
    public static void add(string Data)
    {
    }

`500` means there is error on server, maybe server is expecting JSON formatted data — Tushar, Oct 19 '15 at 04:20
Use Request.Form["Data"] in your web method. instead of using string data parameter — Muhammed Shevil KP, Oct 19 '15 at 05:00

score 0 · Answer 1 · answered Oct 19 '15 at 04:20

0

you need to use JSON.stringify to stringify the obj data.

var jsonData = JSON.stringify({ "Data": "hii" }); 
$.ajax({
                    type: "POST",
                    url: "Contact.aspx/add",
                    dataType: "json",
                    data: jsonData,
                    contentType: "application/json; charset=utf-8",
                    success: function (response) {

                    },

                    error: function (msg) {
                        alert(msg.status);
                    }
                });
           ------c#-------
          [WebMethod]
        public static void add(string Data)
        {
        }

answered Oct 19 '15 at 04:20

Kishore Sahasranaman

4,013
3
24
50

but i can use http post method like below $.post("Contact.aspx/add", { 'Data': '' + JSON.stringify(arr) + '' }, function (result) { }); . here no need any single or double quote. when comparing two post method makes me confuse – nichu09 Oct 19 '15 at 04:32
please see the answer http://stackoverflow.com/a/3870116/2074346, you can see the difference. – Kishore Sahasranaman Oct 19 '15 at 04:38

score 0 · Answer 2 · answered Oct 19 '15 at 04:21

0

It seems like server is expecting a JSON. JSON's are strings with an specific format. in JS you can declare strings with both '' and "". https://en.wikipedia.org/wiki/JSON

answered Oct 19 '15 at 04:21

Alejandro

1,159
3
16
30

score 0 · Answer 3 · answered Oct 19 '15 at 05:23

you can do it like this:

$.ajax({ type: "POST", url: "Contact.aspx/add", dataType: "json", data:{ Data:"hii", }, success: function (response) { }, });

Hope it helps.

Jquery ajax post data query

3 Answers3