Question

我正在尝试从远程URL检索文本并将其放在当前页面的DIV中。首先，我首先尝试从本地文件中获取文本，但它似乎没有提取文本。有什么建议吗？

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML5 with jQuery</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

</head>
<body>
    <div id="replace">
        Placeholder
    </div>

    <script type="text/javascript">
        $(document).ready(function(){
            $.get("test.txt", function(data) {
                $("#replace").html(data);
                }
            );
        });
    </script>
</body>
</html>

Answer 1

Same origin policy会阻止您的网页在JavaScript中读取来自其他来源（大致是域名+端口）的网页。

特殊情况是file://协议之一：本协议中打开的所有文件都来自不同的来源。

这就是为什么你必须使用http服务器来测试你的AJAX代码。

Answer 2

在$ .get（）请求中使用'text'数据类型。

$.get('test.txt', function(data) {
   $("#replace").html(data);
}, 'text');

请注意，最后一个参数是字符串text

Answer 3

$.ajax({
            url : "test.txt",
            dataType : 'text',
            success: function(data) {
                console.log(data);
                // your ops
            }
});

使用jQuery从页面检索文本

3 个答案: