`
j2ee_yohn
  • 浏览: 172755 次
  • 性别: Icon_minigender_1
  • 来自: 湖南/株洲
社区版块
存档分类
最新评论

AJAX工作原理

    博客分类:
  • web
阅读更多
 

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。
     在创建Web站点时,在客户端执行屏幕更新为用户提供了很大的灵活性。下面是使用Ajax可以完成的功能:
     动态更新购物车的物品总数,无需用户单击Update并等待服务器重新发送整个页面。
     提升站点的性能,这是通过减少从服务器下载的数据量而实现的。例如,在某购物车页面,当更新篮子中的一项物品的数量时,会重新载入整个页面,这必须下载整个页面的数据。如果使用Ajax计算新的总量,服务器只会返回新的总量值,因此所需的带宽仅为原来的百分之一。 消除了每次用户输入时的页面刷新。例如,在Ajax中,如果用户在分页列表上单击Next,则服务器数据只刷新列表而不是整个页面。
     直接编辑表格数据,而不是要求用户导航到新的页面来编辑数据。对于Ajax,当用户单击Edit时,可以将静态表格刷新为内容可编辑的表格。用户单击Done之后,就可以发出一个Ajax请求来更新服务器,并刷新表格,使其包含静态、只读的数据。
     一切皆有可能!但愿它能够激发您开始开发自己的基于Ajax的站点。然而,在开始之前,让我们介绍一个现有的Web站点,它遵循传统的提交/等待/重新显示的范例,我们还将讨论Ajax如何提升用户体验。
     Ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理,减轻服务器和带宽的负担,从而达到节约ISP的空间及带宽租用成本的目的。


分享到:
评论

相关推荐

    Ajax工作原理

    Ajax工作原理 以及优点 缺点一些用途啊 关于什么Ajax的ppt文件

    Ajax工作原理以及优缺点

    ### Ajax工作原理及优缺点详解 #### 一、Ajax的工作原理 Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术的核心在于使用`...

    ajax工作原理

    ### AJAX工作原理详解 #### 一、AJAX概述 AJAX(Asynchronous JavaScript and XML),即异步JavaScript和XML,是一种在Web应用中创建异步数据交换的技术,它允许网页在不重新加载整个页面的情况下更新部分内容。这...

    Ajax工作原理及其运行机制

    ### Ajax工作原理及其运行机制 #### 一、Ajax概述 **Ajax**(Asynchronous JavaScript and XML,异步JavaScript和XML)是一种网页开发技术,它利用了一系列现有的技术来创建更快速响应、更用户友好的Web应用。传统...

    window.XMLHttpRequest详解(AJAX工作原理)1

    ### window.XMLHttpRequest详解与AJAX工作原理 #### 引言 在现代Web开发中,**AJAX**(Asynchronous JavaScript and XML)技术是一项至关重要的技术,它允许网页在不重新加载整个页面的情况下从服务器获取数据并...

    Ajax工作原理及优缺点实例解析

    ### Ajax工作原理及优缺点实例解析 #### 一、什么是Ajax? Ajax,全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种利用现有Web技术进行开发的技术组合,主要用于实现客户端与服务器之间...

    Web开发技术之Ajax工作原理

    ### Web开发技术之Ajax工作原理 #### 一、引言 在现代Web开发领域中,Ajax(Asynchronous JavaScript and XML)技术作为一种实现网页局部刷新的关键技术,在提高用户体验方面发挥着重要作用。本文旨在通过简单易懂...

    AJAX工作原理.pdf

    **AJAX(Asynchronous JavaScript and XML)** 是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。这种技术在21世纪初由Google引入,...了解和掌握AJAX的工作原理,对于任何Web开发者都是至关重要的。

    AJAX原理 原理 AJAX

    "AJAX原理与技术的深入分析" AJAX(Asynchronous JavaScript and XML)是一种异步通信技术,允许Web应用程序异步地从服务器请求数据,而不需要重新加载整个网页。下面我们将深入分析AJAX的原理、技术、意义和发展...

    AJAX工作原理及优缺点详解

    ### AJAX 工作原理 #### 1. 创建 XMLHttpRequest 对象 AJAX 的核心是 `XMLHttpRequest` 对象,它允许JavaScript在不重新加载整个页面的情况下与服务器通信。在现代浏览器中,可以通过 `new XMLHttpRequest()` 直接...

    Ajax工作原理深入理解

    Ajax,即Asynchronous JavaScript and ...了解和掌握Ajax工作原理,对于提升Web应用的性能和用户体验至关重要。同时,随着技术的不断进步,Ajax也在不断发展,如fetch API的出现,为异步数据处理提供了新的解决方案。

    AJAX技术原理和使用方法

    #### 三、AJAX工作原理 传统Web应用中,用户每次操作都会导致整个页面的重新加载,用户体验较差。而AJAX则是在用户与服务器之间引入了一个中间媒介——**AJAX引擎**,它通过JavaScript编写并在一个隐藏的框架中运行...

    ajax 基本原理 ajax 基本原理

    #### 四、Ajax的工作原理 ##### 1. 事件触发 当用户在网页上执行某种操作时(如点击按钮),会触发一个事件。 ##### 2. 创建XMLHttpRequest对象 使用JavaScript创建一个XMLHttpRequest对象。 ##### 3. 发送请求...

    AJAX原理及其在Web开发中的应用.pdf

    "AJAX原理及其在Web开发中的应用" AJAX(Asynchronous JavaScript and XML)是一种实现异步通信的技术,在Web开发中极为重要。本文将从AJAX的基本原理开始,逐步介绍AJAX的技术架构、主要组件、工作原理、优点和...

    隐藏框架实现ajax原理

    在本项目中,“隐藏框架实现ajax原理”是一个演示如何利用隐藏iframe来实现Ajax交互的实例。下面我们将详细探讨Ajax的工作原理以及如何通过隐藏框架实现这一过程。 1. **Ajax工作原理**: Ajax的核心是JavaScript...

    Ajax实现原理解释

    Ajax实现原理解释 java 与ajax的结合 是一本很好的学习文档

    深入浅出Ajax(Head Rush Ajax) 源码 书中代码

    - Ajax工作原理的简要介绍 - 浏览器与服务器间通信的基础知识 2. **第二章:创建第一个Ajax请求** - XMLHttpRequest对象的使用 - GET和POST请求的发送 - 异步处理与回调函数 3. **第三章:处理响应** - 解析...

    ajax技术原理及工作原理简介

    ajax技术原理及工作原理简介,对于对异步操作有兴趣的朋友有很大帮助。

Global site tag (gtag.js) - Google Analytics