Dlaczego otrzymuję żądanie OPTIONS zamiast żądania GET?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script>
$.get("http://example.com/", function(data) {
     alert(data);
});
</script>

wysyła żądanie OPTIONS do tego adresu URL, a następnie oddzwanianie nigdy nie jest wywoływane z niczym.

Jeśli nie jest to domena wielodomenowa, działa dobrze.

Czy jQuery nie powinien po prostu wywoływać <script>węzła, a następnie wywoływać oddzwanianie po załadowaniu? Rozumiem, że nie będę w stanie uzyskać wyniku (ponieważ jest to dziedzina między domenami), ale to jest OK; Chcę tylko, żeby połączenie się zakończyło. Czy to błąd, czy robię coś złego?

Według MDN ,

Wstępnie sprawdzone wnioski

W przeciwieństwie do prostych żądań (omówionych powyżej), wnioski „wstępnie sprawdzone” najpierw wysyłają nagłówek żądania OPCJE HTTP do zasobu w innej domenie, w celu ustalenia, czy faktyczne żądanie jest bezpieczne do wysłania. Żądania między witrynami są wstępnie sprawdzane w ten sposób, ponieważ mogą mieć wpływ na dane użytkownika. W szczególności żądanie jest wstępnie sprawdzane, jeśli:

• Wykorzystuje metody inne niż GET lub POST. Ponadto, jeśli POST jest używany do wysyłania danych żądania z typem treści innym niż application / x-www-form-urlencoded, multipart / form-data lub text / plain, np. Jeśli żądanie POST wysyła ładunek XML do serwera przy użyciu application / xml lub text / xml, żądanie jest wstępnie sprawdzane.
• Ustawia niestandardowe nagłówki w żądaniu (np. Żądanie używa nagłówka, takiego jak X-PINGOTHER)

Opcji jest z http://www.w3.org/TR/cors/ Zobacz http://metajack.im/2010/01/19/crossdomain-ajax-for-xmpp-http-binding-made-easy/ dla trochę więcej informacji

Jeśli próbujesz dokonać POST

Upewnij się, że JSON.stringifydane formularza i wyślij jako 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"
    });
}

Nie wierzę, że jQuery po prostu wykona żądanie JSONP, jeśli otrzyma taki adres URL. Wykona jednak żądanie JSONP, gdy powiesz mu, jakiego argumentu użyć do wywołania zwrotnego:

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

Wykorzystanie tego argumentu (który nie musi być nazywany „jsoncallback”) zależy wyłącznie od skryptu odbierającego, więc w tym przypadku funkcja nigdy nie zostanie wywołana. Ale skoro powiedziałeś, że chcesz, aby skrypt w metaward.com był wykonywany, to by się udało.

W rzeczywistości żądania AJAX między domenami (XMLHttp) są niedozwolone ze względów bezpieczeństwa (pomyśl o pobraniu „ograniczonej” strony internetowej po stronie klienta i odesłaniu jej z powrotem na serwer - byłoby to kwestią bezpieczeństwa).

Jedynym obejściem są połączenia zwrotne. Jest to: utworzenie nowego obiektu skryptu i skierowanie src na stronę JavaScript, która jest wywołaniem zwrotnym z wartościami JSON (myFunction ({data})), myFunction to funkcja, która coś robi z danymi (na przykład przechowuje je w zmiennej).

Wystarczy zmienić „application / json” na „text / plain” i nie zapomnij o JSON.stringify (żądanie):

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,
    });

Miałem ten sam problem. Moją poprawką było dodanie nagłówków do mojego skryptu PHP, które są obecne tylko w środowisku deweloperskim.

Umożliwia to żądania między domenami:

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

Mówi to żądaniu wstępnego sprawdzenia, że ​​klient może wysłać dowolne nagłówki:

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

W ten sposób nie ma potrzeby modyfikowania żądania.

Jeśli w bazie danych deweloperów znajdują się wrażliwe dane, które mogą zostać ujawnione, możesz pomyśleć o tym dwa razy.

W moim przypadku problem nie był związany z CORS, ponieważ wysyłałem POST jQuery na ten sam serwer WWW. Dane to JSON, ale pominąłem parametr dataType: „json”.

Nie miałem (ani nie dodałem) parametru contentType, jak pokazano w odpowiedzi Davida Lopesa powyżej.

Wygląda na to, że Firefox i Opera (testowane również na Macu) nie podoba się temu cross-domena (ale Safari jest w porządku).

Może być konieczne wywołanie lokalnego kodu serwera, aby zawinąć zdalną stronę.

Udało mi się to naprawić za pomocą następujących nagłówków

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

Jeśli korzystasz z Nodejs, oto kod, który możesz skopiować / wkleić.

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();
});