尝试点击http://www.anagramica.com/api以确定可以从输入的单词中生成的所有单词。正如预期的那样,跨域策略不允许使用普通的 GET 请求来接收 JSON 数据。在 anagramica 主页上,提到了 JSONP。我尝试在下面实现这一点。
<!DOCTYPE html>
<html>
<head>
<script src="jquery-3.3.1.min.js"></script>
<title>word play</title>
</head>
<body>
<h1>Speak A Word</h1>
<script>
document.body.onclick = function() {
$.getJSON("http://www.anagramica.com/all/dog?callback=?",function(json){
console.log(json);
});
}
</script>
</body>
</html>
这导致了以下错误。
“跨域读取阻塞 (CORB) 阻止了跨域响应http://www.anagramica.com/all/dog?callback=jQuery33106950206857384036_1542003732614&_=1542003732615与 MIME 类型 application/json。见https://www.chromestatus.com /feature/5629709824032768了解更多详情。”
此处的相关帖子:使用 jQuery AJAX 加载跨域端点
想知道为什么 JSONP 在这种情况下不起作用?