使用AJAX和jQuery加載內容

我是jQuery的新手，並試圖使用AJAX和jQuery動態加載內容使用下面的代碼，但它不工作。使用AJAX和jQuery加載內容

<html> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() 
{ 
$("button").click(function() 
{ 
$(".text").load("http://api.jquery.com/get/"); 

}); 

}); 
</script> 
<title>AJAX with jQuery</title> 
</head> 
<body> 
<div class="text">Sushil</div> 
<button>Load Text</button> 
</body> 
</html>

來源

2012-07-13 kaysush

http://en.wikipedia.org/wiki/Same_origin_policy – Musa 2012-07-13 06:54:56

您違反了同一來源政策。只需打開您的控制檯並在單擊按鈕時看到錯誤消息。事情會變得更清晰。如果不是，請回復

來源

2012-07-13 07:00:14 Rasmus

我試圖加載本地HTML文件在同一目錄蒲式耳使用$（）.load（「txtfile.txt」）但仍然沒有結果。你能給我一個例子如何使用AJAX加載文件在div中？ – kaysush 2012-07-13 08:32:04

@Sushil所以它的工作 – Rasmus 2012-07-13 08:32:53

如果兩個文件都在同一目錄中，你的代碼對我來說是完美的工作..你能告訴我你得到了什麼錯誤...只要打開控制檯，你就會知道錯誤 – Rasmus 2012-07-13 08:39:44

我跑你的代碼，我得到這個錯誤： XMLHttpRequest無法加載http://api.jquery.com/get/。 Access-Control-Allow-Origin不允許Origin null。

我GOOGLE了它，我得到了這一點：「文本」 Origin null is not allowed by Access-Control-Allow-Origin

來源

2012-07-13 07:07:30 Armando

你是如何檢查錯誤的？ – kaysush 2012-07-13 08:36:31

我使用了螢火蟲，你也可以使用谷歌Chrome開發者工具（Ctrl + Shift + I） – Armando 2012-07-25 20:15:59

使用AJAX和jQuery加載內容

回答

相關問題