Question

我正在尝试使用ajax和json从api加载数据但是它一直给出这个错误。 ReferenceError：找不到变量：$ 全球代码

这是使用的HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script src="test.js"></script>
</head>

<body>
<div id="div1">Old Content</div>
<button>Load</button>
</body>
</html>

以下是jQuery代码

$(document).ready(function(){
$("button").click(function(){
    var url = 'http://creative.coventry.ac.uk/~bookshop/v1.1/index.php/genre/list';
    $.get(url, function(data,status){
    console.log(data);
    });
});

});

Answer 1

＆＃34; $＆＃34;关键字由jQuery库使用，您无法将HTML中包含的文件与文档的其余部分一起加载。

在现有脚本标记之前添加此内容，以从Google的CDN加载jQuery：

<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>

请注意，尝试检索跨域json文件时可能会遇到问题。如果是这种情况，请考虑查找jsonp。

修改：修复了网址

尝试使用json和ajax从api加载数据，它会引发错误

1 个答案: