使用AJAX和jQuery加载内容

时间:2012-07-13 06:52:02

标签: html jquery

我是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>

2 个答案:

答案 0 :(得分:2)

您违反了相同的原始政策。只需打开控制台,单击按钮即可看到错误消息。事情会变得更加清晰。如果没有,请回来

答案 1 :(得分:0)

我运行了你的代码,我收到了这个错误: XMLHttpRequest无法加载http://api.jquery.com/get/。 Access-Control-Allow-Origin不允许使用null。

我用Google搜索了一下,我得到了这个:Origin null is not allowed by Access-Control-Allow-Origin