Ajax初认识

前端之家收集整理的这篇文章主要介绍了Ajax初认识前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Ajax,异步的javascriptXML,一种用于创建快速动态网页的技术。通过Ajax引擎在后台与服务器进行少量数据交换,使网页实现异步更新。先理解同步和异步的概念:同步即在发出一个请求时必须有响应,而异步则是发出请求后可能不能立刻得到结果,也不会影响服务端处理其他活动,而请求完成后返回给发出者。比如下次我请你吃饭一定要及时回复(同步),而你请我的话是不是更愿意是异步呢。

先通过一张图来说明传统WebAjax方式的不同之处:


客户端

服务器

用户体验

效果

传统Web(同步)

页面代码简单,浏览器做很多数据组织和提交

返回页面

不同页面操作

刷新整个页面

AJAX(异步)

页面代码量大,自己编写代码组织数据和提交

返回数据

一个页面

页面局部刷新

XMLHttpRequest对象即Ajax引擎,是Ajax的核心,负责将用户信息以异步通信地发送到服务器端,并接收服务器响应信息和数据,而在此过程中XMLHttpRequest对象则负责异步数据的检索,也就是说,它的主要功能是负责在异步操作中,后台与服务器之间进行交换数据,然后用JavaScript来操作DOM从而更新页面。所以通过XMLHttpRequest对象实现异步的操作,可以在不重新加载整个网页的情况下,对网页的进行部分更新。这里主要了解了XMLHttpRequest对象五步使用法

  1. 创建XMLHttpRequest对象,
  2. 注册一个回调方法onreadystatechange=callback;
  1. 设置和服务器端交互的open()参数:请求方式,请求目的地址,和请求类型;
  1. 设置项服务器端发送的数据,启动和服务器端的交互:xmlhttp.Send(null);
  2. 判断和服务器端的交互是否完成,还要判断服务器端是否正确返回了数据。

现在也是初步认识,以后实践中会加深理解。

原文链接:https://www.f2er.com/ajax/163684.html

猜你在找的Ajax相关文章