您的位置：首页 > Web前端 > JavaScript

js下Ajax读取txt文件内容

2018-03-07 15:09 621 查看

在这个例子中，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="点击获得文本内容" onclick="ajax();"/>
</form>
</body>
</html>

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航