微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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树

未完

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐