ajax.js
function ajax(url,fnSucc,fnFaild)
{
//1.创建Ajax对象
if(window.XMLHttpRequest)
{
var oAjax=new XMLHttpRequest();
}
else
{
var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
}
//2.连接服务器（打开和服务器的连接）
//open(方法，文件名，异步传输)
oAjax.open('GET',url,true);
//3.发送请求
oAjax.send();
//4.接收返回，当ajax和服务器有通信的时候会发生
oAjax.onreadystatechange=function (){
//oAjax.readyState 浏览器和服务器，进行到哪一步了
if(oAjax.readyState == 4){//读取完成
if(oAjax.status==200){//成功
//alert('成功了：'+oAjax.responseText);
fnSucc(oAjax.responseText);
}
else
{
//alert('失败了');
if(fnFaild)
{
fnFaild();
}
}
}
};
}
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button id="btn1">读取</button>
<ul id="ul1">
<li>用户名：<b>张三</b>-----密码：<i>123456</i></li>
</ul>
<script src="ajax.js"></script>
<script>
var btn=document.getElementById('btn1');
var ul=document.getElementById('ul1');
btn.onclick=function () {
ajax('http://localhost/ajax/a.txt',function (str) {
var arr=eval(str);
var el=null;
for(var i=0;i<arr.length;i++){
el=document.createElement('li');
el.innerHTML='用户名：<b>'+arr[i].user+'</b>-----密码：<i>'+arr[i].pwd+'</i>';
ul.appendChild(el);
}
},function () {
alert('Failed')
})
}
</script>
</body>
</html>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
