Question

这是我要加载的第一个文件这在div =“main”

的div中有效

<!DOCTYPE html>
<html>
    <head>
        <title> Test </title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
        </script>
    </head>
    <body>
    <div id="menu" style="position:absolute;top:0;left:2%;right:0;left:0;">
        <a href="#" id="target"> Link </a>
    </div>
    <div id="main" style="position:absolute;top:20%;left:20%;right:20%;left:20%;">
    </div>
    <script>
        $(document).ready(function(){
            $("#target").click(function(){
                $("#main").load("target.html");
            });
        });     
    </script>
    </body>
</html>

第二个文件仅包含此信息

<h1 style="text-align:center"> This Worked </h1>

在“网络”标签下

enter image description here

Answer 1

请确保target.html路径正确，“target.html”

 $("#main").load("<...path...>/target.html");

Answer 2

您的Chrome（或FF）检查员说了些什么？如果target.html文件已正确加载，请在网络选项卡中查看。

Answer 3

它对我有用，只需检查你添加的target.html页面包含html，body标签，因为你可能已经错过了演示。检查后，他们在同一个文件夹..

Answer 4

好的，我发现了这个问题。您似乎正在测试Chrome。

因此，由于此错误，这不适用于本地chrome

No 'Access-Control-Allow-Origin' header is present on the requested resource.
Origin 'null' is therefore not allowed access.

所以，请上传到实时服务器或使用mozilla firefox进行测试。

单击该链接后，打开“控制台”选项卡以查看错误。

您的代码中没有问题

Answer 5

您的脚本会发出安全警告：

XMLHttpRequest无法加载target.html。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许原点'null'访问。

您的问题与此主题有关，请看一下： How to add an Access-Control-Allow-Origin header 您必须明确声明您可以请求此资源。

jQuery不适用于加载

5 个答案: