码迷,mamicode.com
首页 > Web开发 > 详细

Ajax初认识

时间:2015-03-11 17:16:44      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

        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. 判断和服务器端的交互是否完成,还要判断服务器端是否正确返回了数据。

 

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

Ajax初认识

标签:

原文地址:http://blog.csdn.net/u010097777/article/details/44200245

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!