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树

未完

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!