Question

我知道这是可能的，我看了很多例子。而且我担心我已经知道了我的问题的答案，但也许我错过了一些东西。我认为这不起作用，因为我在本地运行此代码，而不是在服务器上运行。

在我的头标记中：

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

<script type="text/javascript">
    $(document).ready(function() {
        $("#test").load("test.html");
        } );
</script>

在我的身体标签中：

<div id="test"></div>

我的外部代码（在'test.html'内）

<div>This is what you should be seeing!</div>

不应该这样吗？另外，在我的外部html文档中，我是否需要使用所有额外标签进行设置，以便文档看起来像：

<html>
    <head>
        <title>
        </title>
    </head>
    <body>

<div>This is what you should be seeing!</div>
</body>
</html>

我的所有文件都在同一目录中。

感谢。

Answer 1

简单

$.get('test.html', function(data) {
    $('#test').html(data);
});

.load（）具有不同的功能，用于在加载事件

上绑定事件处理程序

更新：

要添加数据insted，请尝试附加

$('body').append(data)

Answer 2

那么你的代码应该适用于webserver！如果你是从桌面上做的，请告诉我。

<script src="jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
    $("#test").load("./test.html"); //  also try /test.html
    } );
</script>
<div id="test"></div>

Answer 3

在网址后面使用可选的选择器，只将<body＆gt;的内容（或其他内容）放入目标中：

   // will load the contents of test.html's body-element into #test  
   $("#test").load("test.html body");

使用JQuery将代码加载到HTML中？

3 个答案: