getting network error in jquery post request with json

Question

I am sending the below ajax request to server which is running in local host. Before sending request i tested the request using REST CLIENT in Firefox iam getting the response and the status also 200. But when i make the request from jquery iam getting error. I tired to figure out the error using firebug iam getting bad request. Am i missing anything?

         $.ajax({

             type: "POST",
             url: "http://10.8.2.18:8080/myservice/services/listObject",
             data: {    "userAgent":null,
                        "name":"xxx",
                        "delimiter":"/",
                        "marker":null,
                        "prefix":"localmedia/my_datas/"
                   },
             contentType: "application/json; charset=utf-8",
             dataType: "json",
             success: function (data) {
                 alert('Success');
                 var json = $.parseJSON(data);
                 alert(json);
             },
             error: function (data, status, error) {
                 console.log(data);
                 console.log(status);
                 console.log(error);
                 alert("error");
             }
         });
     });

same origin policy? see this. http://stackoverflow.com/questions/3076414/ways-to-circumvent-the-same-origin-policy — soredive, Jan 07 '14 at 07:33
iam using jquery from google cdn.. Will it creates the error...? — shanthi_karthika, Jan 07 '14 at 08:45
"NetworkError: 400 Bad Request - http://10.8.27.18:8080/myservice/services/listObject?callback=jQuery1102020351383240086462_1389171576132&{%22userAgent%22:null,%22name%22:%22XXX%22,%22delimiter%22:%22/%22,%22marker%22:null,%22prefix%22:%22localmedia/my_datas/%22}&_=1389171576133" error iam getting in firebug — shanthi_karthika, Jan 08 '14 at 09:03

score 0 · Answer 1 · answered Jan 07 '14 at 07:38

Try:

var request={    "userAgent":null,
                        "name":"xxx",
                        "delimiter":"/",
                        "marker":null,
                        "prefix":"localmedia/my_datas/"
                   };

$.ajax({

             type: "POST",
             url: "http://10.8.2.18:8080/myservice/services/listObject",
             data: JSON.stringify(request),
             contentType: "application/json; charset=utf-8",
             dataType: "json",
             success: function (data) {
                 alert('Success');
                 var json = $.parseJSON(data);
                 alert(json);
             },
             error: function (data, status, error) {
                 console.log(data);
                 console.log(status);
                 console.log(error);
                 alert("error");
             }
         });
     });

score 0 · Accepted Answer · answered Jan 07 '14 at 07:40

You are passing jQuery an object to convert to URL Form Encoded data:

data: {    "userAgent":null,
           "name":"xxx",
           "delimiter":"/",
           "marker":null,
           "prefix":"localmedia/my_datas/"
      },

But you are saying that you are sending JSON:

contentType: "application/json; charset=utf-8",

If you want to send form encoded data, then remove the contentType override.

If you want to send JSON, then encode your object as such with JSON.stringify:

data: JSON.stringify({    "userAgent":null,
           "name":"xxx",
           "delimiter":"/",
           "marker":null,
           "prefix":"localmedia/my_datas/"
      }),

getting network error in jquery post request with json

2 Answers2