HNumb

Ajax

Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。Ajax = 异步javascript 和XML(标准通用标记语言的子集)。Ajax 是一种用于创建快速动态网页的技术。Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。
Ajax特点:
      1. Ajax 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
      2.使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户!核心对象XMLHTTPRequest。通过这个对象,您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据,即在不需要刷新页面的情况下,就可以产生局部刷新的效果。
      3.Ajax 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。
      4.Ajax可使因特网应用程序更小、更快,更友好。
AJAX 工作原理
Ajax工作原理:
     1. Ajax 是一种独立于 Web 服务器软件的浏览器技术。 Ajax 基于下列 Web 标准:
     2. JavaScript、XML HTML与CSS 在 Ajax 中使用的 Web 标准已被良好定义,并被所有的主流浏览器支持。Ajax 应用程序独立于浏览器和平台。
     3.Web 应用程序较桌面应用程序有诸多优势;它们能够涉及广大的用户,它们更易安装及维护,也更易开发。
     4.不过,因特网应用程序并不像传统的桌面应用程序那样完善且友好。通过 Ajax,因特网应用程序可以变得更完善,更友好。

  传统的网页没有使用Ajax技术,当更新网页内容时要重新加载页面来重写页面,如果是整个网站,这工作量无疑是巨大的,但有了Ajax技术,我们在后台进行表单设计时,加入相关代码,实现异步输入输出,局部更新,这就使工作变得轻便。例如,现在很多的知名网站,像腾讯,新浪,谷歌,百度地图等等,都使用了这种技术。

  而要学习Ajax技术,拥有HTML,CSS,和JS的基础就够了。

  传统的同步加载令人疯狂,是因为缺少了一个对象,那就是XMLHttpRequest对象。有了这个对象之后,可以实现后台和服务器之间数据的交换,达到页面的局部请求和刷新,这就是Ajax的异步功能。

  想要达到这种功能我们要做的是:

1:用HTML和CSS写出页面,表达信息。

2:用XMLHttpRequest和Web服务器进行数据的异步交换。

3:用javascript操作DOM,实现动态局部刷新。

  重要的是第二点,怎么样创建XMLHttpRequest对象呢?

  是下面这句话:

var request=new XMLHttpRequest();

  但是IE5和IE6是不兼容的。

  所以要这样写:

var request;

If(window.XMLHttpRequest){

request=new XMLHttpRequest();

}else{

request=new ActiveXObject(“Microsoft.XMLHTTP”);//IE6,IE5

}

即如果有XMLHttpRequest的定义就直接使用,如果没有就创建一个ActiveXObject对象使用。 

Ajax流程是这样的:

1.从Web表单中获取需要的数据。

2.建立要连接的URL。

3.打开到服务器的连接。

4.设置服务器在完成后要运行的函数。

5.发送请求。

posted on 2018-04-16 14:47  HNumb  阅读(156)  评论(0编辑  收藏  举报

导航