使用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加载内容

回答

相关问题