JQuery - CORSエラー

Question

私はJQueryを使用してAPI呼び出しをしようとしています。送信ボタンを押すことによってトリガーされない場合、呼び出しは完全に正常に機能します。

クロスオリジン要求がブロックされました：同じ発信元ポリシーがhttps://api.github.com/search/repositories?q=jquery_language:javascript&sort=startsでリモートリソースの読み取りを許可していません。 （理由：CORS要求が失敗しました）。 BLOCKQUOTE

ここでは、コードです：

var mainForm = $("#mainForm"); 
mainForm.on("submit", function(){ 
    var gitHubSearch = "https://api.github.com/search/repositories?q=jquery_language:javascript&sort=starts" 

    jQuery.support.cors = true; 
    $.get(gitHubSearch) 
    .success(function(r) { 
      console.log(r.items.length); 
      displayResults(r.items); 
     }) 
    .fail(function(err) { 
      console.log("Failed to query GitHub"); 
      resultList.text("The API Call has failed."); 
     }) 
    .done(function() { 
      console.log("API Call completed"); 
     }); 
}); 

Answer 1

アクセス制御 - 許可 - 起源は、このヘッダは、すべての有効なCORSレスポンスに含まれている必要があり

を必要とします。ヘッダーを省略すると、CORS要求が失敗します。

Access-Control-Allow-Origin: * // allows Cross-Origin Request