2

HTTP リダイレクトが発生すると、Chrome がクロスオリジン AJAX リクエストをキャンセルするという不可解な問題が発生しています。[ネットワーク] タブでは、「(キャンセル済み)」と表示され、応答ヘッダーまたは本文は使用できません。

フローは次のとおりです。

  1. http:// でページを読み込む
  2. https:// のログイン エンドポイントへの POST 要求
  3. 303 応答
  4. リクエストがキャンセルされました。

これがJSです（からajaxtest.html）：

var r = new XMLHttpRequest();
r.open('POST', 'https://dev.example.com/appName-rest/login', true);
r.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
r.send(JSON.stringify({"username":"myusername","password":"myrealpassword"}));
r.send();

Chrome のネット内部は、サーバーが次のヘッダーで応答したことを示しています。

HTTP/1.1 303 See Other
Date: Thu, 05 Sep 2013 17:54:21 GMT
Server: Apache/2
Access-Control-Allow-Origin: http://dev.example.com
Access-Control-Allow-Credentials: true
Location: https://dev.example.com/appName-rest/j_spring_cas_security_check?ticket=xxxx.example.com
Vary: Accept-Encoding,User-Agent
Content-Encoding: gzip
Content-Length: 52
Connection: close
Content-Type: text/plain; charset=UTF-8

そしてそれは言う: URL_REQUEST_BLOCKED_ON_DELEGATE

これが失敗する理由を誰かが知っていますか?

4

2 に答える 2

3

'Content-Type': 'application/json' を設定しているため、 Preflight で Cross-Origin Requestを実行しようとしているようです。リダイレクトを伴うプリフライト リクエストは、CORS 仕様によって拒否されます。

于 2015-06-22T15:06:08.277 に答える
0

このメソッドを 2 回送信しています: r.send();

以下をお試しください

    var xhr = new XMLHttpRequest();
    xhr.open("POST", "YOUR_URL", true);
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    xhr.onreadystatechange = function (event) {
        if (xhr.readyState === 4 && xhr.status === 200) { // if complete and success
            return xhr.responseText;
        }
    };
    xhr.withCredentials = true; // OPTIONAL : I don't know if you need it for CORS Requests
    xhr.send("username=YOUR_USERNAME&password=YOUR_PASSWORD");
于 2013-09-05T22:18:48.843 に答える