JQuery,JS 读取远程服务器的txt文件内容

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery,JS 读取远程服务器的txt文件内容相关的知识,希望对你有一定的参考价值。

txt地址如:http://localhost/test.txt
以下是我的测试代码,点了没反应。
--------------------------------------------
Js代码:
function getValue()

$.getJSON('http://localhost/test.txt',
function(data)
alert(data);
);

----------------------------------------------
html
<h1 onclick="getValue()">点击获取txt文件</h1>

注意几点:

1 一个是端口号,注意你自己设置的是哪个端口号

2 第二个是要保证txt格式中的文件是json格式 ,不然会没有返回值。

3 不要在本地直接打开 ,放在本地服务器上,apache之类的

参考技术A 如果你用 $.getJSON(), 请确保test.txt文件内的数据是JSON格式的。如果只是普通TXT格式,请用$.get()方法。望有用。 参考技术B 可以使用FileRead()接口读取文件内容 参考技术C 可以逐步试试看,问题出现在哪里,可以现在getValue()的方法里 执行以下alert();没问题以后再看是不是$.getJSON里面的问题追问

可以给个sample吗

ajax读取文本内容(此处的txt文件和html文件处于同级目录)

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<style>
</style>
<title>read file</title>
</head>
<script src="jquery-1.11.2.js"></script>
<script>

            $(function() {
                $("#btn1").click(function(){
                    $.ajax({
                        type: "get",
                        url: "1.txt",
                        dataType: "text",
                        async: true
                    }).done(function (data) {
                        $("#one").html(data.replace(/\r\n/ig, ‘</br>‘));//替换回车行成换行符
                        //console.log(data.replace(/\r\n/ig,‘</br>‘));
                    });
                });
            });
        </script>
    <body>
        <div id="one" style="width: 300px;background: greenyellow;margin: 10px;;">
        </div>
        <input type="button" id="btn1" value="点击获取"/>
    </body>
</html>

 

以上是关于JQuery,JS 读取远程服务器的txt文件内容的主要内容,如果未能解决你的问题,请参考以下文章

ZK中使用JS读取客户端txt文件内容问题

MFC 读取http文件服务器上的文件列表,并选择文件进行下载

php读取在线远程txt文档内容到数组并遍历

ajax读取文本内容(此处的txt文件和html文件处于同级目录)

js如何读取本地txt文件中的内容

请大侠帮忙,有一个txt文件,需要在html中读取这个txt,并且将txt文件中的内容显示在页面中