2014-02-06 17 views
-3

我想從api使用ajax和json加載數據,但它不斷給這個錯誤。 的ReferenceError:找不到變量:$ 全球代碼試圖從api使用json和ajax加載數據,它會引發錯誤

這是用來

<!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); 
    }); 
}); 

}); 
+1

添加到您的HTML:''美元符號(通常)指的是庫jQuery(你也可以這樣使用Zepto.js,但這是不太可能的(這是一個恥辱,因爲Zepto.js是現代瀏覽器的jQuery的一個很好的替代品)) –

回答

2

的 「$」 關鍵字使用的HTML代碼jQuery庫,您沒有將它包含在HTML中,以便與文檔的其餘部分一起加載。

現有的腳本標籤之前添加這從谷歌的CDN加載的jQuery:

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

注意,你可能會遇到試圖檢索跨域JSON文件的問題。考慮到查找jsonp,如果是這樣的話。

編輯:固定的URL

+0

Iv添加代碼,但這是即時獲取的錯誤現在無法加載資源:在此服務器上找不到請求的URL。 (jquery.min.js,第0行) ReferenceError:找不到變量:$ \t全局代碼(test.js,第1行) –

+0

錯誤,複製粘貼錯誤,在正確的URL中編輯。 –

+0

即使使用新的網址,它仍然會拋出相同的錯誤 –

相關問題