Javascript 如何使用$.ajax从API接收JSON

我正在尝试创建一个随机报价机，因此我从以下HTML开始定义元素：

<div id="quoteDisplay">
  <h1 id="quote">Quote</h1>
  <h2 id="author">- Author</h2>
  <button id="new">New Quote</button>
</div>

---

然而，由于某种原因，当我点击按钮时，什么也没有发生，我不知道问题出在哪里。我完全愿意使用其他方法。

您使用的是

$。ajax

这个方法的一个选项是

方法，它没有指定

要了解有关请求方法的更多信息，请查看jQuery文档：

下面的代码将起作用

$.get({
    url: 'http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1',
    success: function(data) {
        /* process response */
    }
})

这里有一个工作示例：
请求没有在jsFiddles上返回的原因是，输入的url导致“混合内容”错误。（即，在“HTTPS”页面上请求“HTTP”源。）

我认为代码不起作用的原因是，您没有为jQuery文件指定“Document Ready”语法（如果这是JS文件的完整代码）。正如您的代码可以看到的那样工作

这可以通过

$(function() {
//YOUR CODE HERE
}

或

由于请求返回一个空对象，所以不会发生任何事情：这是您使用的实际URL吗？如果是这样的话，它看起来就不对了。可能是@Liam-ouch的复制品。我觉得这样太有趣了@RoryMcCrossan如果您在JSF中将URL改为
https
，而不是
http
，它实际上是有效的
$(document).ready(function(){
});