暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

Ajax工作原理认识

码蚁在线 2016-10-30
207

1.1.为什么要使用ajax

  个人认为,在传统的网页中,与服务端交互的时候,例如,个人信息录入,总是需要通过提交数据到服务端进行校验后,然后重新加载整个网页的内容,进行提示信息,导致交互性极差,因此使用ajax技术能够很好的解决问题。

 

1.2.ajax的理解

       ajaxAsynchronous javascript and xml在实现客户端与服务端进行数据交互过程中,在不刷新页面,能够取得服务端数据,通过DOM将数据插入到页面中。

 

1.3.XMLHttpRequest对象理解

        XMLHttpRequest对象主要是对服务端进行请求获取数据,此处只提供XMLHttpRequest的基本用法和部分属性认识


1)XMLHttpRequest对象创建

由于在IE5IE6版本不支持XMLHttpRequest对象,因此通过下面的方式来创建XHR(后续为方便写法,使用XHR来替代)对象

var request;

 

if(window.XMLHttpRequest) {

request = new XMLHttpRequest(); // 支持IE7以上版本

} else {

request = new ActiveXObject("Microsoft.XMLHTTP"); // IE5 IE6

}

 

2)向服务器发送请求

request.open( method , url , async );

Request.send(string);

 

method:请求的类型, GETPOST

url:服务端地址

asyns:是否同步true(异步)false(同步) 默认为true

 

3)服务端响应

理解readyState属性

在请求服务器到服务器响应的过程中,readyState经历5个过程的变化,都是在出发onreadystatechange事件中体现。

0:请求未初始化

1:服务器已经建立连接

2:请求已接收

3:请求处理中

4:请求已完成,且响应已就绪

request.onreadystatechange = function() {

if(request.readyState == 4 &&  request.status == 200){

// 表示响应已就绪

}

};


参考博客:http://www.cnblogs.com/MasterYao/p/5563439.html

文章转载自码蚁在线,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论