使用jquery从文本文件加载任何类型的文本

时间:2013-07-09 02:31:30

标签: jquery html load any

我试图从网页上相同位置的服务器上的文本文件中加载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都可以。

谢谢&amp;此致!!

1 个答案:

答案 0 :(得分:3)

我的猜测是你需要设置ajax dataType,如下所示:

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

它应该检测数据类型,但也许不足以继续。