使用$（）.load的JQuery问题_Jquery

使用$（）.load的JQuery问题

jquery

使用$（）.load的JQuery问题,jquery,Jquery,我试图从外部文件加载，但它没有这样做这个jQuery文件是test.html。数据文件是data.html 两者都在同一个文件夹中 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <script type="text/javascr

我试图从外部文件加载，但它没有这样做

这个jQuery文件是test.html。数据文件是data.html

两者都在同一个文件夹中

 <!DOCTYPE html>
  <html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <script type="text/javascript" src="jquery.js"></script>

    <script type="text/javascript">
        $(document).ready(function() 
        {
           $("#btn_01").click(function()
           {
             $("#p1").load("data.html");  

             alert("Hey, jQuery has loaded succesfully!");
           });
        }); 
    </script>
</head>

<body>
    <!-- Buttons -->
    <button id="btn_01">Get Content From Server</button>

    <!-- Paragraphs -->
    <p id="p1">Content from the server displayed below:</p>
</body>


$（文档）.ready（函数（）
{
$（“#btn_01”）。单击（函数（）
{
$（“#p1”）.load（“data.html”）；
警报（“嘿，jQuery已成功加载！”）；
});
}); 
从服务器获取内容
来自服务器的内容如下所示：

data.html：

<html>
<body>
    <p id="my_p1">Here is some content to display.</p>
    <p id="my_p2">Here is some more content to display.</p>
</body>
</html>


以下是一些要显示的内容
这里还有一些内容要显示

您是否看到网络控制台中的data.html请求返回了一个包含预期数据的200？您不能将

插入另一个

。。。它是无效的。可能正在发出请求，但浏览器拒绝了它在Chrome控制台上返回的插件：

跨源请求仅支持协议方案：http、数据、Chrome、Chrome扩展、https。

同样来自jQuery网站：附加说明：由于浏览器安全限制，大多数“Ajax”申请受同一原产地政策的约束；请求无法从其他域、子域、端口或协议成功检索数据。但是请注意，不管html是否无效。确保您没有使用

文件/open打开页面并且正在运行server@charlietfl我认为这不是问题所在。浏览器对糟糕的HTML比较宽容。但是，我很快用代码创建了一个文件夹，它返回了跨原点错误。奇怪，因为它在同一个文件夹中。您是否看到网络控制台中的data.html请求返回了一个包含预期数据的200？您不能将
插入另一个
。。。它是无效的。可能正在发出请求，但浏览器拒绝了它在Chrome控制台上返回的插件：跨源请求仅支持协议方案：http、数据、Chrome、Chrome扩展、https。
同样来自jQuery网站：附加说明：由于浏览器安全限制，大多数“Ajax”申请受同一原产地政策的约束；请求无法从其他域、子域、端口或协议成功检索数据。但是请注意，不管html是否无效。确保您没有使用文件/open打开页面并且正在运行server@charlietfl我认为这不是问题所在。浏览器对糟糕的HTML比较宽容。但是，我很快用代码创建了一个文件夹，它返回了跨原点错误。奇怪，因为它在同一个文件夹中。