CODE似乎不起作用?

时间:2017-07-18 04:36:44

标签: javascript jquery json web-services rest

创建一个随机引用生成器,但JS / jQuery代码似乎不起作用!!

当我点击"新引号"按钮没有任何反应,也是"推文"按钮没有按预期工作!

这是代码笔链接:

https://codepen.io/anon/pen/VWObpZ

代码(如果链接不起作用......):

  $(document).ready(function(){

  getQuote();
  var randomQuote="";
  var author="";

  function getQuote(){

    var url = "https://api.forismatic.com/api/1.0/?method=getQuote&format=json&lang=en";

    $.getJSON(url,function(data){

      randomQuote=data.quoteText;
      author=data.quoteAuthor;

      $(".quote").html('"'+randomQuote+'"');
      $(".author").html(" -"+author);
    });
  }

  $("#newQuote").on("click",function(){
    getQuote();
  });

  $("#tweet").on("click", function(){
    window.open("https://twitter.com/intent/tweet?text="+randomQuote+" -"+author);
  });

});

1 个答案:

答案 0 :(得分:-1)

这是CORS问题。您可以在标头请求中使用JSONP或启用Access-Control-Allow-Origin标志来访问jSON数据。