このWebサイトでAjaxを実行できないのはなぜですか？

Question

同じオリジンポリシーを迂回しようとしています（バックエンドサーバーがない - ウェブサイトのみで、GoogleドライブにJSスクリプトがホストされています）。私は誰かのために取り組んでいるプロジェクトにWhateverOriginを使用することに決めました。

今それはすべてのウェブサイト上で働いていますまで - それは404

、働いていないページとの比較のためにmy JSFiddle test（以下のコードスニペット）を参照してください、といくつかのために働くものを（返すthis oneを除きます関数が逆順などで動作している理由はありますが、関数呼び出しの1つをコメントアウトすると、どのURLが動作していて、どのURLが動作していないかが明確に示されます）。

// for some reason this is calling the functions in the reverse order -- but try commenting out and you'll see that the second one doesn't work, the first one does 
 

 
$(function() { 
 

 
    works(); 
 
    notWorking(); 
 

 
    function works() { 
 
    $.getJSON('https://whateverorigin.herokuapp.com/get?url=' + encodeURIComponent("http://afcl.ussoccerda.com/sam/teams/index.php") + '&callback=?', function(data) { 
 
     alert(data.contents); 
 
    }); 
 
    } 
 

 
    function notWorking() { 
 
    $.getJSON('https://whateverorigin.herokuapp.com/get?url=' + encodeURIComponent("http://afcl.ussoccerda.com/sam/teams/index.php?team=1642601") + '&callback=?', function(data) { 
 
     alert(data.contents); 
 
    }); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Hurl.itはしかしそれをうまくページデータを取得することができます：

私は私が間違ってプログラム的にやっているのと途方に暮れてよ、または私はこれを別の方法で修正することができます。 WhateverOriginを使用する以外にも、私のプロジェクト全体がそれに基づいており、この1つのWebページを除いて他のすべてのものが動作しているので、この時点ではあまりにも多くのオプションがありません。

Answer 1

最終バージョンでは、Webアプリケーションとサーバーが同じドメインにあり、開発中にクロスオリジン要求を行うだけで済みます。 開発でクロスオリジン要求のみを行う必要がある場合は、開発にchromeを使用し、chrome用の「Allow-Control-Allow-Origin：*」プラグインをインストールし、クロスオリジンアクセスを有効にします。