js下Ajax读取txt文件内容

最新推荐文章于 2021-08-05 23:20:08 发布

芝麻开花不开门

最新推荐文章于 2021-08-05 23:20:08 发布

阅读量1.1w

点赞数 2

分类专栏： Ajax 文章标签： javascript ajax

本文链接：https://blog.csdn.net/Luyanc/article/details/79470900

版权

Ajax 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在这个例子中，HTML页与txt文件位于同一目录下。代码如下：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>js中的Ajax经典实例</title>
    <script type="text/javascript" >
        function ajax() {
            //1.声明异步请求对象：
            var xmlHttp = null;
            if (window.ActiveXObject) {
                // IE6, IE5 浏览器执行代码
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } else if (window.XMLHttpRequest) {
                // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
                xmlHttp = new XMLHttpRequest();
            }
            //2.如果实例化成功，就调用open（）方法：
            if (xmlHttp != null) {
                xmlHttp.open("get", "songs.txt", true);
                xmlHttp.send();
                xmlHttp.onreadystatechange = doResult; //设置回调函数                 
            }
            function doResult() {
                if (xmlHttp.readyState == 4) { //4表示执行完成
                    if (xmlHttp.status == 200) { //200表示执行成功
                        document.getElementById("resText").innerHTML = xmlHttp.responseText;
                    }
                }
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div id="resText"></div>
        <input type="button" value="点击获得文本内容" οnclick="ajax();"/>
    </form>
</body>
</html>

txt文件的内容可以随意写，但是如果保存的时候选择“ANSI”编码就会出现乱码，选择“UTF-8”、“Unicode”、“Unicode big endian”编码不会出现乱码，这是在"charset=utf-8"的情况下。