前端之家收集整理的这篇文章主要介绍了
Ajax初认识,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Ajax,异步的javascript和XML,一种用于创建快速动态网页的技术。通过Ajax引擎在后台与服务器进行少量数据交换,使网页实现异步更新。先理解同步和异步的概念:同步即在发出一个请求时必须有响应,而异步则是发出请求后可能不能立刻得到结果,也不会影响服务端处理其他活动,而请求完成后返回给发出者。比如下次我请你吃饭一定要及时回复(同步),而你请我的话是不是更愿意是异步呢。
先通过一张图来说明传统Web和Ajax方式的不同之处:
|
客户端 |
服务器 |
用户体验 |
效果 |
传统Web(同步) |
页面代码简单,浏览器做很多数据组织和提交 |
返回页面 |
不同页面操作 |
刷新整个页面 |
AJAX(异步) |
页面代码量大,自己编写代码组织数据和提交 |
返回数据 |
一个页面中 |
页面局部刷新 |
@H_404_159@
XMLHttpRequest对象即Ajax引擎,是Ajax的核心,负责将用户信息以异步通信地发送到服务器端,并接收服务器响应信息和数据,而在此过程中XMLHttpRequest对象则负责异步数据的检索,也就是说,它的主要功能是负责在异步操作中,后台与服务器之间进行交换数据,然后用JavaScript来操作DOM从而更新页面。所以通过XMLHttpRequest对象实现异步的操作,可以在不重新加载整个网页的情况下,对网页的进行部分更新。这里主要了解了XMLHttpRequest对象五步使用法:
- 创建XMLHttpRequest对象,
- 注册一个回调方法:onreadystatechange=callback;
- 设置和服务器端交互的open()参数:请求方式,请求目的地址,和请求类型;
- 设置项服务器端发送的数据,启动和服务器端的交互:xmlhttp.Send(null);
- 判断和服务器端的交互是否完成,还要判断服务器端是否正确返回了数据。
现在也是初步认识,以后实践中会加深理解。
原文链接:https://www.f2er.com/ajax/163684.html