您的位置:首页 > 其它

自己写的ajax

2018-02-09 17:23 162 查看
开发环境:wamp5_1.7.4
new_ajax.jsfunction ajax(url, fnSucc, fnFaild)
{
//1.创建ajax对象
var oAjax=null;

if(window.XMLHttpRequest)//做兼容性处理
{
oAjax=new XMLHttpRequest();
}
else
{
oAjax=new ActiveXObject("Microsoft.XMLHTTP");//ie
}

//2.连接服务器
//open(方法, url, 是否异步)
oAjax.open('GET', url, true);

//3.发送请求
oAjax.send();

//4.接收返回
//OnReadyStateChange
oAjax.onreadystatechange=function ()
{
if(oAjax.readyState==4)
{
if(oAjax.status==200)
{
//alert('成功:'+oAjax.responseText);
fnSucc(oAjax.responseText);
}
else
{
if(fnFaild)
{
fnFaild();
}
}
}
};
}new_ajax.html<script src="new_ajax.js"></script>
<script>
ajax('abc5.txt',function(str){
alert(str);},function(){alert('失败了');})
</script>安装wamp5之后,主要关注/www文件夹,网页都放在里面,打开浏览器,输入localhost/new_ajax.html即有弹窗出现,为文件中的内容或者失败。
事件产生时,主要关注
onreadystatechange事件
readyState属性:请求状态
0    (未初始化)还没有调用open()方法
1    (载入)已调用send()方法,正在发送请求
2    (载入完成)send()方法完成,已收到全部响应内容
3    (解析)正在解析响应内容
4    (完成)响应内容解析完成,可以在客户端调用了
status属性:请求结果(200为成功响应)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息