2

我试图在网页的同一位置从服务器上的文本文件加载 div 的内容/文本，但它不工作。

这是我为此编写的代码...

HTML 文件

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("button").click(function () {
                alert('loading data');
                $("#container").load("Content.txt");
            });
        });
    </script>   
</head>
<body>
    <div id="container">
        Test
    </div>

    <button>Get External Content</button>
</body>
</html>

这是一个文本文件内容：Content.txt

bla, bla bla bla etc etc

div 没有填充文本文件内容......有什么解决方案吗？

最后，我将一些有效的 HTML 文本放入文本文件中，它确实有效，但是，在我的情况下，文本文件中的文本将是代码示例，我想在页面时从服务器上的文本文件中将代码填充为 div 的文本正在加载。

任何带有代码示例的建议将不胜感激。jQuery 示例或 JavaScript 都可以。

感谢和问候！！

4

1 回答 1

3

我的猜测是您需要设置 ajax dataType，如下所示：

$(document).ready(function () {
    $("button").click(function () {
        $.ajax({
            url : "Content.txt",
            dataType: "text",
            success : function (result) {
                $("#container").html(result);
            }
        });
    });
});

它应该检测数据类型，但可能还不够。

于 2013-07-09T03:03:11.643 回答