Home / Questions / 91247
Accepted
Yoel Macia Delgado
Asked: 2020-07-29 02:28:50 +0800 CST 2020-07-29 02:28:50 +0800 CST

Problem with OPTIONS request when I make a POST request in AJAX with jquery?

  • 772

Hello, I have a problem with an AJAX post request in jquery, since it generates two requests, one POST and the other OPTIONS, I don't know if this will be a problem in the long run or if the API gets confused.

Why does that OPTIONS request always appear? Could it be removed?

 $.post("http://127.0.0.1:8000/newClient/", {
    data: JSON.stringify(validData),
}, function (response) {
    var r = JSON.parse(response);
    if (r.status != 200) {
        $('#err').html(r.content).css('color', 'red');
    }
    else {
        $('#err').remove();
    }
})

The API is in Django and these are the response headers it generates for me.

POST header

POST

OPTIONS header

OPTIONS

javascript

1 Answers

  1. Best Answer

    This is called a request preflightedand it is not a problem, it is a request that the browser makes to your server to verify that the request you are trying to make is safe.

    For more information read this section https://developer.mozilla.org/es/docs/Web/HTTP/Access_control_CORS#Verified_Requests

    Why?

    The reason this request is sent is because you are trying to make a request POSTto another domain ( CORS) in your case 127.0.0.1:8000.

    Therefore chrome makes a request preflightedto check that it http://127.0.0.1:8000allows the request to this domain.

    Summary

    Since this request is made by the browser for security reasons, it is more than justified.
    And it does not alter the original request, the data you receive in the response will be what you expect.

    • 3