Question

我搜索了互联网，直到我变成了蓝色，但无法弄清楚这一点以及为什么它不起作用。

我有javascript但这只适用于firefox。没有其他浏览器。

所以，我决定去jQuery。

我想做的是： - 我有一个文件夹。 - 在这个文件夹中，我有一个html.html文件。这是我的主要网站。 - 然后我有一个文件home.html。

html.html看起来像这样：

<html>
    <head>
        <title>
            Struggeling with jQuery ajax! *******
        </title>
    </head>
    <body>
        <div="one">
            Load the page here
        </div>
    </body>
</html>

和home.html看起来像这样：

    <html>
        <head>

        </head>
        <body>
            Please load this into the div! (this text will be displayed in other words)
        </body>
    </html>

我怎样才能使用jQuery获得这个？请帮我。我无法做到这一点。

=============================================== ======================================

好的，这就是它现在的样子。在我的文件中，我有home.html：

<html>
    <head>
        <title>
            Struggeling with jQuery ajax! *******
        </title>
        <script language="javascript" src="jQuery.js"></script>
        <script>
            $(document).ready(function() {
                $("#one").load("html.html body");
            });
        </script>
    </head>
    <body>
        <div id="one">
            Load the page here
        </div>
    </body>
</html>

我下载了jQuery的开发版本，这是一个home.html所在的文件（jQuery.js）。

然后在其他html.html中看起来像这样：

<html>
    <head>

    </head>
    <body>
        Please load this into the div! (this text will be displayed in other words)
    </body>
</html>

但这不起作用。我没有得到“请把它加载到div！（换句话说，这个文字会显示）”

Answer 1

试试这个jquery

<script>
$(document).ready(function() {
    $("#one").load("home.html body");
});
</script>

另外，更新你的html.html（我不喜欢这个名字，顺便说一句，使用index.html作为主页）目标div ID。

<div id="one"></div>

编辑：我也看不到你引用jQuery lib的地方，一定要这样做！

Answer 2

首先给你的div一个正确的ID。

<div id="one">
    Load the page here
</div>

然后使用jQuery来使用jQuery.load()函数来获取和加载。

$('#one').load('folder/html.html', function() {
  alert('Load was performed.');
});

同时删除任何“doubled”标签。换句话说，当您插入html.html时，您不想要：

<div id="one">
     <html>
          <body>
               Stuff
          </body>
     </html>
</div>

它看起来很丑，可能会引发问题。因此，请删除这些额外的<html>和<body>代码。

jQuery AJAX挣扎

2 个答案: