加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Ajax初认识

发布时间:2020-12-16 02:05:32 所属栏目:百科 来源:网络整理
导读:Ajax ,异步的 javascript 和 XML ,一种用于创建快速动态网页的技术。通过 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. 判断和服务器端的交互是否完成,还要判断服务器端是否正确返回了数据。

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

(编辑:李大同)

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

    推荐文章
      热点阅读