Send JSON data to Server via JavaScript

Question

I've a service to consume, the details of the service are as follows.

POST /API/v02/JsonWs.svc/json/V02 HTTP/1.1 [OR] POST /API/Public/v02/JsonWs.svc/json/V02 HTTP/1.1
 Host: dev.domain.us
 Content-Type: application/json; charset=utf-8
Cookie: LogicAuth=3821F201156EA833......; path=/; HttpOnly

{"Header":{"Procedure":"Family_Insert"},"Body":{"EmailAddress":"[email protected]","Password":"test14","IdPhoneNumber":3051234567,"Address":{"Line1":"1234 Avenue","Line2":"Suite 900","City":"Coral","ZipCode":"33327","State":{"IdState":10}},"TimeZone":{"IdTimeZone":-5},"User":{"IdGender":1,"NameFirst":"Tom","NameMiddle":"Larry","NameLast":"Lewis","DateBirth":"10-21-1978","ClubName":"ABC","Communities":[1,2],"UserConnectTypes":[3,4]}}}

The javascript code to initiate from:

var xmlhttp = new XMLHttpRequest(); 
xmlhttp.open("POST", "/json-handler");
xmlhttp.setRequestHeader("Content-Type", "application/json;charset=UTF-8");

In your answer, you don't have to use all variables, I just need some help to get me going...

Edit: Please specify the next steps of how to send json data to the server after I set the request headers in xmlhttp. I'm not sure what URL to send data to the above service.

On the side can someone tell me how to test the above service in chrome postman?

edited to made it clear, what's the next step, how to encode json data for the server, — user2727195
– user2727195, Commented Sep 25, 2014 at 14:57

Alxandr · Accepted Answer · 2014-09-25 15:07:33Z

4

xmlhttp.send('{"Header":{"Procedure".......');

Basically, you need to construct a string of your JSON, and call xmlhttp.send(jsonStr).

One way to create that JSON string is like this:

var jsonStr = JSON.stringify({
  Header: {
    Procedure: 'Family_Insert'
  },
  Body: ....
});

Also, you seem to be using the wrong address. Complete sample:

var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://dev.domain.us/API/v02/JsonWs.svc/json/V02');
xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
var jsonStr = JSON.stringify({
   Header: {
      Procedure: 'Family_Insert'
   },
   Body: ....
});
xhr.send(jsonStr);

edited Sep 25, 2014 at 15:07

answered Sep 25, 2014 at 15:01

Alxandr

12.5k10 gold badges63 silver badges95 bronze badges

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

8 Comments

user2727195 Over a year ago

Thanks Alxandar, also I'm not sure where to send data to? can you please figure it out from the headers I sent you? Is it going to be dev.domain.us/api/V02/JsonWs.svc/json/V02 or what? Basically what's the end point?

user2727195 Over a year ago

and what is this cooking thing? Cookie: LogicAuth=3821F201156EA833......; path=/; HttpOnly

Alxandr Over a year ago

Cookie header is just as it sounds, cookies. Although, I don't think you can set them in an XHR, you can always try.

user2727195 Over a year ago

thanks I'm seeing the edits, any help with the chrome extension? I selected a post request, with body as Raw and selected JSON from the type next to it but getting some error forms, I posted the json string as it is in the body

Alxandr Over a year ago

I have no idea how to do chrome extensions.

|

Collectives™ on Stack Overflow

Send JSON data to Server via JavaScript

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related