send JSON POST and get a field

Question

What am I doing wrong, and how to do it right?

Description of what I need to do:

POST https://api.chat.center/users with following JSON {"is_web_user": true, "email": "test@email.com", "full_name" : "user full name"} Get access_token field and save it.

How I am doing it:

<script type='text/javascript'>
var JsonData = {"is_web_user": true, "email": "test@email.com", "full_name" : "user full name"};

$.ajax({
url: 'https://api.chat.center/users',
data: {request:$.toJSON(JsonData)},
type: 'POST',
dataType: 'jsonp',
crossDomain: true,
success: function(data) {
    var return_value=(data.request.access_token);
}                                  
});
</script>

I took this code from a tutorial, and substituted it with my data from description. I thought "request" is required to send a JSON? — Edgar, Sep 19 '15 at 13:28
`jsonp` doesn't support `POST`, only `GET`. If API is expecting POST and it isn't CORS enabled would need to use a proxy — charlietfl, Sep 19 '15 at 13:51
I'm not sure it is relevant here, but my suggestion is to use chrome extention called 'REST Client' and try to communicate with the server first and see the response before diving into js implementation.. — ItayB, Sep 19 '15 at 16:49

score 2 · Answer 1 · edited May 23 '17 at 12:14

Your error is: use of $.toJSON() if your need to send in a format like this {requests:["is_web_user": true, "email": "test@email.com", "full_name" : "user full name"]} Could you try this:

<script type='text/javascript'>
    var JsonData = {request:["is_web_user": true, "email": "test@email.com", "full_name" : "user full name"]};

        $.ajax({
        url: 'https://api.chat.center/users',
        data: JsonData,
        type: 'POST',
        dataType: 'json',
        jsonp: false,
        crossDomain: true,
        success: function(data) {
            var return_value=(data.request.access_token);
        }                                  
        });
        </script>

You could debug using console.log() see here console.log() or here Console.Log() you can look at your dev tools in your browser. Hope it helps.

Thank you. I tried your code, but I get error: {"errors":[{"userMessage":"Email is not provided","internalMessage":"Email is not provided"}]} and Status: 400 Bad Request — Edgar, Sep 19 '15 at 23:26
I Don't how is formatted your request. But it seems to be the problem with the formatted code. — Elias Nicolas, Sep 19 '15 at 23:58

send JSON POST and get a field

1 Answers1