无法将请求正文解析为 json：无法识别的令牌

Question

I have a very simple AJAX code that's calling an AWS API gateway endpoint:

$.ajax({
        url: 'https://omitted.execute-api.ap-southeast-2.amazonaws.com/test/rec',
        type: 'post',
        data: {
            'zipcode': '1234',
            'url': 'www.google.com'
        },
        dataType: 'json',
        success: function (data) {
            console.info(data);
        }
    });

And what I am getting back is:

Could not parse request body into json: Unrecognized token 'zipcode': was expecting ('true', 'false' or 'null')`

The data should be in JSON format so What am I doing wrong?

I have also tried:

$.post('https://omitted.execute-api.ap-southeast-2.amazonaws.com/test/rec',
    {
        'zipcode': '1234',
        'url': 'www.google.com'
    }, 
    function(data, textStatus) {
      //data contains the JSON object
      //textStatus contains the status: success, error, etc
}, "json");

$.post('https://omitted.execute-api.ap-southeast-2.amazonaws.com/test/rec',
    'zipcode=1234&url=www.google.com', 
    function(data, textStatus) {
      //data contains the JSON object
      //textStatus contains the status: success, error, etc
}, "json");

And they are returning the same result.

Answer 1

That fixed it:

$.postJSON = function(url, data, callback) {
    return jQuery.ajax({
    headers: { 
        'Accept': 'application/json',
        'Content-Type': 'application/json' 
    },
    'type': 'POST',
    'url': url,
    'data': JSON.stringify(data),
    'dataType': 'json',
    'success': callback
    });
};

Answer 2

I changed the integration request to Proxy integration (in API GW Choose the method, go to integration request window and choose "Use Lambda Proxy integration") and it works!

Answer 3

please remove ' from key like:

data: {
        zipcode: '1234',
        url: 'www.google.com'
    },

Answer 4

This is usually a problem that comes from AWS Lambda and how you have the API Gateway setup. Your code looks fine. I would check how you have set the integration on API Gateway.

I would check in your integration setup on APIGateway to make sure you have something like:

{"body-json" : $input.json('$')}

in your template mapping to deal with the JSON.

Answer 5

Your client code is perfectly fine, the issue is with the endpoint implementation, server is not able to parse the json.