I am having "No 'Access-Control-Allow-Origin' header is present ." Can anyone help me convert it to JSONP with the POST type?

Question

I know I need to change it to JSONP but the CORS error still there. here is the code. baseUrl is var baseUrl = "https://api.api.ai/v1/";

    $.ajax({
        type: "POST",
        url: baseUrl + "query?v=20150910",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        headers: {
            "Authorization": "Bearer " + accessToken
        },
        data: JSON.stringify({
            query: input,
            lang: "en",
            sessionId: "mysessionid"
        }),
        success: function(data) {

            //processResponse(data);
            this.text = data.result.fulfillment.speech;
            //  console.log("success finally");
            //  console.log(this.text);


            verify(data);
            //return data;


            // return text.result.fulfillment.speech;

        },
        error: function() {
            //processResponse("Internal Server Error");
            text = "Internal Server Error";
            //  console.log("Failllllllllllll");
        }
    });

this: _I know I need to change it to JSONP_. ::: What drives this knowledge? — Randy Casburn, Oct 14 '18 at 19:20
the solution for the CORS, JSON needs to be converted to JSONP — Ashraful Islam, Oct 14 '18 at 19:31

score 0 · Accepted Answer · answered Oct 14 '18 at 19:55

0

I'm not sure. But in my case, it's easily solved by adding { 'Access-Control-Allow-Origin': '*' } at response header in server side.

answered Oct 14 '18 at 19:55

migos

86
1
6

I am having "No 'Access-Control-Allow-Origin' header is present ." Can anyone help me convert it to JSONP with the POST type?

1 Answers1