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

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.jb51.cc/ajax/163684.html

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

相关推荐