我正在尝试在页面上进行 ajax 加载,但它不起作用。它显示一些有趣的错误。我会粘贴加载器页面。要加载的内容和错误如下。
加载页面
<!doctype html>
<html lang=en>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="themes/mobilethem.min.css" />
<link rel="stylesheet" href="themes/mobilethem.css" />
<link rel="stylesheet" href="themes/jquery.mobile-1.1.1.css" />
<script src="themes/js/jquery-1.7.1.min.js"></script>
<script src="themes/js/jquery.mobile-1.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function (){
//alert("afdasdf");
$('#load').click(function (){
//alert("asdfsadf");
$('#result').load("load.html");
});
});
</script>
</head>
<body>
<div data-role="header">
<a href="#" id="load"> Load page</div>
</div>
<div data-role="content">
<div id="result"></div>
</div>
<div id="footer">
</div>
</body>
</html>
要加载的内容 加载.html
这是我 friend 的内容。你想如何实现这一点
浏览器控制台中出现错误消息
event.returnValue 已弃用。请改用标准的 event.preventDefault() 。 jquery-1.7.1.min.js:3 选项 file:///C:/wamp/www/MyJqueryMobile/load.html 请求的资源上不存在“Access-Control-Allow-Origin” header 。因此,不允许访问来源“null”。 jquery-1.7.1.min.js:4 XMLHttpRequest 无法加载 file:///C:/wamp/www/MyJqueryMobile/load.html。请求的资源上不存在“Access-Control-Allow-Origin” header 。因此,不允许访问来源“null”。 loadpage.html:1
最佳答案
您必须从您的网络服务器运行它才能正常工作。否则浏览器会看到您正在执行跨站点请求。
打开您的 WAMP 服务器并转到:http://localhost/MyJqueryMobile/load.html
它应该可以工作。
关于jquery - 加载页面内容时遇到困难,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20414813/