zoukankan      html  css  js  c++  java
  • 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.发送请求。

  • 相关阅读:
    C#中异步和多线程的区别
    猫 老鼠 人的编程题
    C#中数组、ArrayList和List三者的区别
    经典.net面试题目
    sql有几种删除表数据的方式
    内存池的实现
    A*算法为什么是最优的
    传教士与野人问题
    d3d导致cairo不正常
    c++中的signal机制
  • 原文地址:https://www.cnblogs.com/cdab/p/8746209.html
Copyright © 2011-2022 走看看