原生Ajax的创建步骤

xiaoxiao2021-02-28  26

写Ajax步骤: 1.创建Ajax对象 2.连接到服务器 3.发送请求 4.接收返回值 //1.创建Ajax对象 var oAjax = new XMLHttpRequest();//非IE6 var oAjax = new ActiveXobject("Microsoft.XMLHTTP");//IE6 在JS中,使用没有定义的变量---报错;使用没有定义的属性---undefined 做兼容: if(window.XMLHttpRequest){ var oAjax = new XMLHttpRequest(); } else { var oAjax = new ActiveXobject("Microsoft.XMLHTTP"); } //2.连接到服务器(open(方法,文件名,异步传输)) oAjax.open('GET','a.txt+?t' = new Date().gettime(),true);//文件后面内容是阻止缓存 浏览器为了提高用户访问同一页面的速度,会对页面数据进行缓存。当url请求地址不变时, 有时候会导致浏览器不发送请求,直接从缓存中读取之前的数据。 如果数据改变了,而没加随机数,读取的数据会跟之前一样。 加上随机数,就是欺骗浏览器url改变了,会每次都向服务器发送请求而不去读缓存 3、发送请求 oAjax.send(); 4.接收返回值 oAjax.onreadystatechange = function(){ //oAjax.readystate 浏览器与服务器进行到哪一步了 if(oAjax.readstate==4)//读取完成 { if(oAjax.status==200)//成功 { alert("success"); } else{ alert("fail"); } } }; 请求状态监控 onreadystatechange 事件 readystate属性:请求状态 0 (未初始化)还没有调用open()方法 1  (载入)已调用send()方法,正在发送请求 2  (载入完成)send()方法完成,已收到全部响应内容 3(解析)正在解析响应内容 4 (完成) 响应内容解析完成,可以客户端调用了 status属性:请求结果
转载请注明原文地址: https://www.6miu.com/read-1700165.html

最新回复(0)