`
Vksnail
  • 浏览: 43514 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论
阅读更多

AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。

主要包含了以下几种技术:

  1.基于web标准(standards-based presentation)XHTML+CSS的表示;

  2.使用 DOM(Document Object Model)进行动态显示及交互;

  3.使用 XML 和 XSLT 进行数据交换及相关操作;

  4.使用 XMLHttpRequest 进行异步数据查询、检索;

  5.使用 JavaScript 将所有的东西绑定在一起。

优点和缺点:

  传统的web应用允许用户填写表单(form),当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单,然後返回一个新的网页。这个做法浪费了许多带宽,因为在前後两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。

  与此不同,AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于XML的web service接口,并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少,结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。

  使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息。

  Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。就像DHTML应用程序那样,Ajax应用程序必须在众多不同的浏览器和平台上经过严格的测试。随着Ajax的成熟,一些简化Ajax使用方法的程序库也相继问世。同样,也出现了另一种辅助程序设计的技术,为那些不支持JavaScript的用户提供替代功能。

ajax交互过程:

   1.客户端事件,调用javascript函数编写事件处理程序

         <input type="text" size="16" id="userName" onclick="validate()"/>

     2.创建XMLHttpRequest对象

         对于Internet Explorer浏览器:

        xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP.3.0"); //3.0或4.0, 5.0

        xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP");

        xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP");

     由于在不同Internet Explorer浏览器中XMLHTTP版本可能不一致,为了更好的兼容不同版本。   

     对于Mozilla﹑Netscape﹑Safari等浏览器
            xmlhttp_request = new XMLHttpRequest();
     3.配置XMLHttpRequest对象

     4.XMLHttpRequest对象发送一个异步HTTP请求道服务器

            xmlhttp_request.open('GET', URL, true);
            xmlhttp_request.send(null);

     5.服务器程序(接受请求,处理请求,返回响应)

     6.XMLHttpRequest对象调用函数

分享到:
评论

相关推荐

    Ajax知识点总结

    Ajax由html、javascript技术、dhtml和DOM组成这个方法可以将web界面转化成交互性的ajax应用程序

    ajax知识点总结

    **Ajax(Asynchronous JavaScript and XML)技术概述** Ajax是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。它的核心是利用JavaScript与服务器进行异步数据交换,通过XML或者JSON等格式传输数据,...

    Ajax知识点.docx

    **Ajax 知识点** Ajax,全称 Asynchronous JavaScript and XML,是一种利用JavaScript与XML进行异步数据交换的技术,使得网页无需整体刷新就能更新部分内容。它的核心是XMLHttpRequest对象,该对象允许JavaScript在...

    Ajax 知识点练习答案.md

    Ajax 知识点练习答案.md

    史上最全面的Ajax知识点归纳总结

    史上最全面的Ajax知识点归纳总结

    ajax基础知识点

    Ajax 基础知识点 Ajax 是 Asynchronous JavaScript and XML 的缩写,它是一种使用 JavaScript 与服务器进行异步通讯的技术。下面是 Ajax 的基础知识点: 掌握异步通讯 Ajax 技术的核心是使用 JavaScript 实现异步...

    ajax资源包,jquery

    以下是一些关键的jQuery Ajax知识点: 1. **$.ajax()**:这是jQuery提供的核心Ajax函数,用于发起一个Ajax请求。你可以设置各种参数,如URL、请求类型(GET或POST)、数据、成功和错误回调等。 2. **$.get()和$....

    Ajax学习笔记.zip

    Ajax,全称Asynchronous ...通过深入理解和掌握这些Ajax知识点,开发者能够创建出更高效、响应式的Web应用。Ajax.pdf和Ajax2.pdf很可能是关于这些概念的详细教程,包含了实例和实践指导,对于深入学习Ajax非常有帮助。

    web 2.0 and Ajax

    ### Web 2.0与Ajax知识点详述 #### 1. Web 2.0定义 - 由Tim O'Reilly提出 Web 2.0代表了一个网络平台的转变,它强调集体智慧、数据共享、软件的持续进化、轻量级编程模型、网络即计算机的概念以及丰富的用户体验。...

    ajax hacks(ajax探秘) ajax探秘

    **以下是一些关键的Ajax知识点:** 1. **XMLHttpRequest对象**:Ajax的基础是XMLHttpRequest(XHR)对象,它是JavaScript的一个内置对象,用于在后台与服务器进行通信。通过创建和使用XHR对象,我们可以发送HTTP...

    ajax中文API

    **Ajax中文API** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新...通过深入理解和实践这些Ajax知识点,你可以有效地提升Web应用的交互性和性能,创造出更加流畅的用户体验。

    Ajax经典案例开发大全

    以下是对这些章节中可能涉及的Ajax知识点的详细解读。 1. **Ajax基础**:Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。它通过JavaScript实现异步...

    ajax 学习word文件版

    【Ajax 知识点详解】 Ajax,全称Asynchronous JavaScript and XML,是一种创建动态网页的技术,它允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。这项技术在2005年由Google推广开来,极大地...

    AJAX的相关联系题目~~~~~~~~~~

    以下是针对题目中涉及的AJAX知识点的详细解释: 1. **用户注册实例**: 在用户注册过程中,使用AJAX可以实现用户输入信息后即时验证,如检查用户名是否已存在、邮箱格式是否正确等,而不必等待整个页面刷新。通过...

    Asp.net AJAX 与 Silverlight 实战手册( 源码)

    **Asp.NET AJAX知识点** 1. **异步更新**:Asp.NET AJAX的核心特性是能够在不刷新整个页面的情况下更新部分网页内容,通过XMLHttpRequest对象实现后台服务器通信。 2. **ScriptManager组件**:它是Asp.NET AJAX的...

    四天学会AJAX-AJAX学习电子书

    本书可能涵盖了以下几个重要的AJAX知识点: 1. **AJAX基础**:首先,书中会介绍AJAX的基本概念,包括其工作原理和历史背景。它不是一种新的编程语言,而是一种利用已有技术(如JavaScript、XML、HTML和CSS)的新...

    Asp.net_AJAX

    **Asp.net_AJAX 知识点详解** ASP.NET AJAX(Asynchronous JavaScript and XML)是一种微软提供的技术,用于创建高度交互性和响应迅速的Web应用程序。它通过结合JavaScript、XML以及服务器端的ASP.NET功能,使得...

    一些ajax例子,ajax学习例子

    以下是一些关键的Ajax知识点: 1. **创建XMLHttpRequest对象**:在JavaScript中,我们首先需要创建一个XMLHttpRequest对象,这是所有Ajax请求的基础。现代浏览器通常已经内置了这个对象,可以通过`new ...

    五天学会ajax文档

    【描述】提到的学习资料深入浅出,既适合新手入门,又覆盖了全面的AJAX知识点,这意味着它将从基础到进阶,逐步讲解AJAX的各个方面,让学习者能在短短五天内建立起坚实的基础。 【标签】"ajax"是本学习资源的主要...

    ajax技术和代码

    以下是一些关键的Ajax知识点: 1. **创建XMLHttpRequest对象**:在JavaScript中,我们首先需要创建一个XMLHttpRequest实例。大多数现代浏览器都内置了这个对象,可以使用`new XMLHttpRequest()`来创建。 2. **打开...

Global site tag (gtag.js) - Google Analytics