Sending jquery call to external url

Question

Here is my external api call in angular js

$http.post('http://api.quickblox.com/users.json', {
    token: quickbloxapitoken,
    user: {
        email: email,
        login: firstname,
        password: password
    }
        }, {
            'Content-Type': 'application/x-www-form-urlencoded'
        })
        .then(function(results) {
            var apiid = results.data.user.id;
     }

Here my data is sent to two json arrays, e.g.

And when I try to do the same in jquery, I have my call like this

$.ajax({
    url: 'http://api.quickblox.com/users.json',
    type : 'POST',  
     data: { token: quickbloxapitoken, login: fbname, password: 'fbuserfbuser', email: fbmail},
    success: function(message)
    {
    console.log(message);
    }
    })

Data was sent this way

How can I make my jquery data sent as angularjs?

I mean like that?

Answer 1

You need to specify the request contentTypeas application/json.

Also, if you expect JSON in return, you'd better enable dataType(although it probably guessed automatically):

$.ajax({
    url: 'http://api.quickblox.com/users.json',
    type : 'POST',  
    contentType: 'application/json',
    dataType: 'json',
    data: JSON.stringify({
       token: quickbloxapitoken,
       user: {
         login: fbname,
         password: 'fbuserfbuser',
         email: fbmail
       }
    })
});

See Documentation