Ajax笔记

为什么需要Ajax？

传统网页技术缺点：1.数据整体提交    2.整个页面刷新    3.用户体验不好    4.占用带宽

 

ajax可以给客户端返回三种格式数据（文本格式、xml、json格式），实现无刷新的数据交换，提供连续的用户体验

 

传统web技术和ajax技术的区别：

1.发送请求方式不同：  传统web应用通过表单提交方式发送请求，而ajax技术通过javascript的XMLHttpRequest对象发送请求。

 

2.服务器响应不同：      传统web应用服务器的响应是一个完整的页面，而采用ajax技术后，服务器响应的知识需要的数据。

 

3.客户端处理的响应方式不同：    传统web应用发送请求后，浏览器将等待服务器响应完成后重新加载整个页面，而采用ajax技术后，浏览器将不再等待请求的响应，而只是动态更新页面中需要更新的部分。

 

JavaScript对象XMLHttpRequest是整个web技术的核心，提供了异步发送请求的能力。

XMLHttpRequest对象的常用方法如下

 

1.open(method,URL,async):此方法建立与服务器的连接，method参数指定请求的http方法(post/get)，URL参数指定请求的地址，async参数指定是否使用异步请求，取值为true 或者false。

 

2.send(content):发送请求，content参数指定请求的参数，当使用post请求时可以将要传递的参数作为该方法参数。

（补充：当XMLHttpRequest的send()方法不配置参数，即xmlHttpRequest.send()时，在IE中能够正常运行，但在FireFox中不能，所以建议加上null）

 

3.setRequestHeader(header,value):设置请求的头信息。

 

XMLHttpRequest对象的常用属性如下：

 

1.onreadystatechange：指定XMLHttpRequest对象的回调函数。

 

2.readyState：XMLHttpRequest的状态信息

 

3.responseText：得到服务器端响应回来的字符串

   responseXML：得到服务器端响应回来的字符串然后生成一个DOM树

   

 

 

未完