当我尝试将外部JSON API加载到我的页面时，为什么会出现“XMLHttpRequest无法加载”错误？

Question

我的jquery javascript代码是

$("#quoteid").on("click", function() {
    $.getJSON("http://api.forismatic.com/api/1.0/?method=getQuote&key=457653&format=json&lang=en", function(quotejson) {
        $("#quotegot").html(quotejson["quoteText"]);
   });
});

ID“quoteid”与页面中的按钮链接，#quotegot与文本框链接。每当我运行代码并按下按钮时，控制台中会显示一条消息，表示

  

XMLHttpRequest无法加载http://api.forismatic.com/api/1.0/?method=getQuote&key=457653&format=json&lang=en。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许原点“http://s.codepen.io”访问。

无论我使用什么API，我都会遇到同样的错误。我该怎么办？