小生初学阶段,若知识点不全和错误,还望各位大神指点!
一,基本内容
1.异步交互:客户端向服务器端发送请求,直到服务器端进行响应,这个过程中,用户可以做任何其他事情(不需要等);
2.AJAX——Asynchronous JavaScript and Xml ;客户端与服务器端进行交互,而无需刷新当前页面的技术,称之为AJAX,实现的是B/S架构下的异步交互。
3.在html中用到的<iframe src="">元素,嵌入一个网页,也是实现异步交互的技术。
4.与同步交互的区别
(1)同步交互:客户端向服务器端发送请求时,到服务器端进行响应,这个过程中,用户是不能做任何其他事情(只能等);
*执行速度相对比较慢,响应的是完整的html页面。
(2)异步交互
*执行速度相对比较快,响应的是部分数据。
二,实现ajax的异步交互步骤
1.创建XMLHttpRequest对象
function getXhr(){
//声明XMLHttpRequest对象
var xhr=null;
//根据浏览器的不同情况进行创建
if(window.XMLHttpRequest){
//表示除IE外的其他浏览器
xhr=new XMLHttpRequest();
}else{
//表示ie浏览器(8及以前版本)
xhr=new ActiveXobject('Microsoft.XMLHttp');
}
return xhr;
}
此对象特别重要,建议记住!
2.与服务器端建立连接*使用XMLHttpRequest对象的 open(method,url)方法
*method——设置当前请求的类型
*url——设置当前请求的地址
3.向服务器端发送请求*使用XMLHttpRequest对象的 send(请求参数)方法
*请求参数的格式——key=value
4.接收服务器端的响应数据(1)使用XMLHttpRequest对象的 onreadystatechange事件,监听服务器端的通信状态。
(2)使用XMLHttpRequest对象的 readyState属性,判断服务器端的当前状态(0-4)。
*0——(服务器端)尚未初始化