JQuery - CORS Error

Question

我正在尝试使用JQuery进行API调用。如果不是通过按下提交按钮来触发调用，那么调用就可以正常工作。当我在提交事件中触发它时，我收到一个错误，说：

阻止跨来源请求：同源策略不允许读取上的远程资源https://api.github.com/search/repositories?q=jquery_language:javascript&sort=开始。（原因：CORS请求失败）。区块报价

这是代码：

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