Почему я получаю запрос OPTIONS вместо запроса GET?

Согласно MDN,

Предварительные запросы

В отличие от простых запросов (обсужденных выше), «предварительные» запросы сначала отправляют заголовок запроса HTTP OPTIONS к ресурсу в другом домене, чтобы определить, безопасен ли фактический запрос для отправки. Межсайтовые запросы предварительно обрабатываются таким образом, поскольку они могут иметь последствия для пользовательских данных. В частности, предварительная отправка запроса выполняется, если:

• Он использует методы, отличные от GET или POST. Кроме того, если POST используется для отправки данных запроса с Content-Type, отличным от application / x-www-form-urlencoded, multipart / form-data или text / plain, например если запрос POST отправляет полезные данные XML на сервер с использованием application / xml или text / xml, то запрос выполняется заранее.
• Он устанавливает настраиваемые заголовки в запросе (например, запрос использует заголовок, такой как X-PINGOTHER)

ОПЦИИ взяты из http://www.w3.org/TR/cors/ См. http://metajack.im/2010/01/19/crossdomain-ajax-for-xmpp-http-binding-made-easy/ для получения дополнительной информации.

Если вы пытаетесь POST

Обязательно JSON.stringify данные вашей формы и отправьте их как text/plain.

<form id="my-form" onSubmit="return postMyFormData();">
    <input type="text" name="name" placeholder="Your Name" required>
    <input type="email" name="email" placeholder="Your Email" required>
    <input type="submit" value="Submit My Form">
</form>

function postMyFormData() {

    var formData = $('#my-form').serializeArray();
    formData = formData.reduce(function(obj, item) {
        obj[item.name] = item.value;
        return obj;
    }, {});
    formData = JSON.stringify(formData);

    $.ajax({
        type: "POST",
        url: "https://website.com/path",
        data: formData,
        success: function() { ... },
        dataType: "text",
        contentType : "text/plain"
    });
}

Я не верю, что jQuery естественным образом выполнит запрос JSONP, если ему будет предоставлен такой URL-адрес. Однако он выполнит запрос JSONP, когда вы сообщите ему, какой аргумент использовать для обратного вызова:

$.get("http://metaward.com/import/http://metaward.com/u/ptarjan?jsoncallback=?", function(data) {
     alert(data);
});

Использование этого аргумента полностью зависит от сценария-получателя (который не должен называться «jsoncallback»), поэтому в этом случае функция никогда не будет вызвана. Но, поскольку вы заявили, что просто хотите, чтобы скрипт на metaward.com был выполнен, этого будет достаточно.

Фактически, междоменные запросы AJAX (XMLHttp) не разрешены из-за соображений безопасности (подумайте о том, чтобы получить "ограниченную" веб-страницу со стороны клиента и отправить ее обратно на сервер - это будет проблемой безопасности).

Единственный обходной путь - обратные вызовы. Это: создание нового объекта сценария и указание src на конечный JavaScript, который является обратным вызовом со значениями JSON (myFunction ({data}), myFunction - это функция, которая что-то делает с данными (например, сохраняет их в переменной).

Просто измените «application / json» на «text / plain» и не забудьте JSON.stringify (запрос):

var request = {Company: sapws.dbName, UserName: username, Password: userpass};
    console.log(request);
    $.ajax({
        type: "POST",
        url: this.wsUrl + "/Login",
        contentType: "text/plain",
        data: JSON.stringify(request),

        crossDomain: true,
    });

У меня такая же проблема. Мое исправление заключалось в добавлении заголовков в мой PHP-скрипт, которые присутствуют только в среде разработки.

Это позволяет выполнять междоменные запросы:

header("Access-Control-Allow-Origin: *");

Это сообщает предварительному запросу, что клиент может отправлять любые заголовки, которые он хочет:

header("Access-Control-Allow-Headers: *");

Таким образом, нет необходимости изменять запрос.

Если у вас есть конфиденциальные данные в базе данных разработчиков, которые потенциально могут быть пропущены, подумайте дважды.

В моем случае проблема не была связана с CORS, поскольку я отправлял JQuery POST на тот же веб-сервер. Данные были в формате JSON, но я пропустил параметр dataType: 'json'.

У меня не было (и я не добавил) параметра contentType, как показано в ответе Дэвида Лопеса выше.

Похоже, Firefox и Opera (также протестированные на Mac) не любят кросс-доменность этого (но Safari это устраивает).

Возможно, вам придется вызвать код на стороне локального сервера, чтобы свернуть удаленную страницу.

Я смог исправить это с помощью следующих заголовков

Access-Control-Allow-Origin
Access-Control-Allow-Headers
Access-Control-Allow-Credentials
Access-Control-Allow-Methods

Если вы используете Nodejs, вот код, который вы можете скопировать / вставить.

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin','*');
  res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
  res.header('Access-Control-Allow-Credentials', true);
  res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, PATCH');
  next();
});