将div标签替换为外部文件中的代码

时间:2014-11-18 16:44:22

标签: jquery html file

我想用jQuery做的是在一个名为File.html的外部html文件中加载html代码。我希望html代码在页面上呈现,而不必按下按钮,div标签要么包含html代码,要么被File.html中的html代码替换

我试过Stack Overflow question 1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#File").load("Path/File.html");
        });
    </script>
    <title>BLAHBLAHBLAH</title>
</head>

<body>
    <div id="File"></div>
</body>
</html>

我也从Stack Overflow question 2尝试了以下内容:

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $.get('Path/File.html')
            .success(function(data) {
            $('#File').html(data);
        });
    </script>
    <title>BLAHBLAHBLAH</title>
</head>

<body>
    <div id="File"></div>
</body>
</html>

File.html看起来像:

<p>Worked</p>

我做错了什么?

0 个答案:

没有答案