Question

我正在构建一个网站，用户可以通过点击按钮阅读随机引用。我找到了这个网站及其API，我想从中获取我需要的数据：

http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=json

如果我只是在Chrome中复制并粘贴网址，我可以清楚地看到我需要的JSON但是如果我使用AJAX来提取数据它就不起作用我在控制台上收到此错误

XMLHttpRequest无法加载http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=json。 No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上。起源＆＃39; null＆＃39;因此不允许访问。

这是我的代码：

＆＃13;

var btn = document.getElementById("btn");

btn.addEventListener("click", function() {
	var our_request = new XMLHttpRequest();
	our_request.open("GET", "http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=json");
	our_request.onload = function() {
		var our_data = JSON.parse(our_request.responseText);
		console.log(our_data);
	};
	our_request.send();
});

＆＃13;

<!DOCTYPE html>
<html>
<head>
	<title>Random Quote Machine</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>

<body>

    <header>
    	<h1>THAT'S A RANDOM QUOTE MACHINE!</h1>
    	<h3>Push the button and see your quote of the day.</h3>
    	<p>If you fell inspired, share this thought with your friends on social media.</p>
    </header>

    <div id="container">
    	<p id="text">here's the quote</p>
    	<p id="btn"><button>Good Luck!</button></p>
    </div>

<script type="text/javascript" src="js/script.js"></script>
</body>
</html>

＆＃13;

为什么我能看到JSON，但我无法通过AJAX获取它？

感谢您的帮助

使用AJAX

0 个答案: