Posting JSON with JavaScript

Question

I want to post username and password to my backend.
Problem is that the data doesn't reach my backend, with following code:

function register() {


  var text = '{"username":"admin1","password":"1234"}';

  var xhr = new XMLHttpRequest();
  xhr.open("POST", "http://localhost:8087/meetmeserver/api/admin/register", true);
  xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
  xhr.send(JSON.stringify(text));

}

If I leave out the line with xhr.setRequestHeader, it reaches my backend but throwing an exception...

Does anyone now where my problem is? I really would appreciate your help. If you need more code just tell me.

still... my Backend dont get the data... there must be something wrong with the xhr.setRequest. Because when I leave it out, the data reaches my backend. — Leonard Michalas, Sep 24 '16 at 16:24
and when I post a application/json with postman, everything works fine... — Leonard Michalas, Sep 24 '16 at 16:34

score 0 · Accepted Answer · edited May 23 '17 at 12:19

I found a solution by myself. The problem was that both my backend and my frontend were on localhost, but on different ports. There are some security options in your browser which are blocking this.

If you need more information on this look here: "No 'Access-Control-Allow-Origin' header is present on the requested resource"

also here is my improved javaScript... :)

$.ajax({
    url: 'http://localhost:8087/meetmeserver/api/admin/register',
    type: 'POST',
    data: JSON.stringify(json),
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    async: false,
    success: function(msg) {
        alert(msg);
    }
});

Posting JSON with JavaScript

1 Answers1