Question

我正在尝试在页面上加载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>

要加载的内容 load.html

这是我朋友的内容。你想怎么做到这一点

浏览器控制台中的错误消息

不推荐使用event.returnValue。请改用标准的event.preventDefault（）。的jquery-1.7.1.min.js：3 选项file：/// C：/wamp/www/MyJqueryMobile/load.html请求的资源上没有'Access-Control-Allow-Origin'标头。因此不允许原点'null'访问。的jquery-1.7.1.min.js：4 XMLHttpRequest无法加载file：/// C：/wamp/www/MyJqueryMobile/load.html。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许原点'null'访问。 loadpage.html：1

Answer 1

您必须从Web服务器运行它才能使其正常运行。否则，浏览器会看到您正在执行跨站点请求。

打开您的WAMP服务器并转到：http://localhost/MyJqueryMobile/load.html它应该可以正常工作。

加载页面内容有困难

1 个答案: