var xhr=null;
if(XMLHttpRequest){
xhr=new XMLHttpRequest();
}else{
xhr=new ActiveObject("Microsoft.XMLHTTP");
}
xhr.open("get",url,true) 注:true异步;false:同步
xhr.send();
xhr.onreadystateChange=function(){
if(xhr.readyState==4&&xhr.status==200){
console.log(xhr.responseText)
}
}
onreadystatechange 每次状态改变所触发事件的事件处理程序。
responseText 从服务器进程返回数据的字符串形式。
responseXML 从服务器进程返回的DOM兼容的文档数据对象。
status 从服务器返回的数字代码,比如常见的404(未找到)和200(已就绪)
status Text 伴随状态码的字符串信息
readyState 对象状态值
0 (未初始化) 对象已建立,但是尚未初始化(尚未调用open方法)
1 (初始化) 对象已建立,尚未调用send方法
2 (发送数据) send方法已调用,但是当前的状态及http头未知
3 (数据传送中) 已接收部分数据,因为响应及http头不全,这时通过responseBody和responseText获取部分数据会出现错误,
4 (完成) 数据接收完毕,此时可以通过通过responseXml和responseText获取完整的回应数据
ajax缺点:
1、ajax干掉了back按钮,即对浏览器后退机制的破坏。
2、安全问题。
3、对搜索引擎的支持比较弱。
4、破坏了程序的异常机制。
5、另外,像其他方面的一些问题,比如说违背了url和资源定位的初衷。
if(XMLHttpRequest){
xhr=new XMLHttpRequest();
}else{
xhr=new ActiveObject("Microsoft.XMLHTTP");
}
xhr.open("get",url,true) 注:true异步;false:同步
xhr.send();
xhr.onreadystateChange=function(){
if(xhr.readyState==4&&xhr.status==200){
console.log(xhr.responseText)
}
}
onreadystatechange 每次状态改变所触发事件的事件处理程序。
responseText 从服务器进程返回数据的字符串形式。
responseXML 从服务器进程返回的DOM兼容的文档数据对象。
status 从服务器返回的数字代码,比如常见的404(未找到)和200(已就绪)
status Text 伴随状态码的字符串信息
readyState 对象状态值
0 (未初始化) 对象已建立,但是尚未初始化(尚未调用open方法)
1 (初始化) 对象已建立,尚未调用send方法
2 (发送数据) send方法已调用,但是当前的状态及http头未知
3 (数据传送中) 已接收部分数据,因为响应及http头不全,这时通过responseBody和responseText获取部分数据会出现错误,
4 (完成) 数据接收完毕,此时可以通过通过responseXml和responseText获取完整的回应数据
ajax缺点:
1、ajax干掉了back按钮,即对浏览器后退机制的破坏。
2、安全问题。
3、对搜索引擎的支持比较弱。
4、破坏了程序的异常机制。
5、另外,像其他方面的一些问题,比如说违背了url和资源定位的初衷。