在一般的 Web 应用程序中,用户填写表单字段并单击 Submit 按钮。然后整个表单发送到服务器,服务器将它转发给处理表单的脚本(通常是 PHP 或 Java,也可能是 CGI 进程或者类似的东西),脚本执行完成后再发送回全新的页面。该页面可能是带有已经填充某些数据的新表单的 HTML,也可能是确认页面,或者是具有根据原来表单中输入数据选择的某些选项的页面。当然,在服务器上的脚本或程序处理和返回新表单时用户必须等待。屏幕变成一片空白,等到服务器返回数据后再重新绘制。这就是交互性差的原因,用户得不到立即反馈,因此感觉不同于桌面应用程序。
Ajax 基本上就是把 JavaScript 技术和 XMLHttpRequest
对象放在 Web 表单和服务器之间。当用户填写表单时,数据发送给一些 JavaScript 代码而不是 直接发送给服务器。相反,JavaScript 代码捕获表单数据并向服务器发送请求。同时用户屏幕上的表单也不会闪烁、消失或延迟。换句话说,JavaScript 代码在幕后发送请求,用户甚至不知道请求的发出。更好的是,请求是异步发送的,就是说 JavaScript 代码(和用户)不用等待服务器的响应。因此用户可以继续输入数据、滚动屏幕和使用应用程序。
然后,服务器将数据返回 JavaScript 代码(仍然在 Web 表单中),后者决定如何处理这些数据。它可以迅速更新表单数据,让人感觉应用程序是立即完成的,表单没有提交或刷新而用户得到了新数据。JavaScript 代码甚至可以对收到的数据执行某种计算,再发送另一个请求,完全不需要用户干预!这就是 XMLHttpRequest
的强大之处。它可以根据需要自行与服务器进行交互,用户甚至可以完全不知道幕后发生的一切。结果就是类似于桌面应用程序的动态、快速响应、高交互性的体验,但是背后又拥有互联网的全部强大力量。
分享到:
相关推荐
### Ajax基本原理详解 #### 一、引言 随着互联网技术的发展,用户对于网页应用的交互性和用户体验的要求越来越高。传统的Web应用通常采用浏览器发送请求、服务器处理并返回完整页面的方式,这种方式存在明显的缺点...
### Ajax基本运行原理详解 #### 引言 随着互联网技术的不断发展,用户对于网页应用程序的交互性和用户体验的要求越来越高。传统的浏览器/服务器(B/S)架构虽然解决了早期客户端/服务器(C/S)架构中存在的部署和...
### AJAX的基本原理及其实现 #### 一、引言 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现...
ASP.NET AJAX基本原理,学习ASP.NET和AJAX的好资料!
ASP.NET AJAX(Asynchronous JavaScript and XML)是一种技术框架,它扩展了Microsoft的ASP.NET平台,引入了...通过理解其基本原理和使用方法,开发者能够构建出响应式、高效的Web应用,提供接近桌面应用的用户体验。
**Ajax(Asynchronous JavaScript and XML)技术是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量...不过,理解其基本原理和流程对于任何前端开发者来说仍然至关重要。
### Ajax基本原理详解 Ajax(Asynchronous JavaScript and XML),即异步JavaScript和XML,是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,这意味着可以在不...
**Ajax第一讲:Ajax基本原理详解** Ajax,全称Asynchronous JavaScript and XML,是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。这种技术通过在后台与服务器进行少量数据交换,实现了网页的异步更新...
Ajax的基本原理包括以下几个关键组成部分: 1. **异步通信**:Ajax的关键特性是异步性,这意味着用户可以继续与页面交互,而后台数据请求和处理不会阻塞用户界面。通过XMLHttpRequest对象,JavaScript可以在后台与...
ASP.NET AJAX基本原理,学习ASP.NET和AJAX的好资料!
在"ASP.NET AJAX控件演示视频之ASP.NET AJAX基本原理"中,我们将深入探讨这一技术的核心概念、工作原理以及如何利用它来构建更高效的Web应用。 首先,ASP.NET AJAX的主要目标是实现页面的部分更新,而无需刷新整个...
### Ajax底层原理及使用方式详解 ...以上就是关于Ajax的基本原理、使用方式以及一些面试中可能会遇到的问题。掌握这些知识不仅能够帮助开发者更好地利用Ajax提升网站性能,也能在面试时展现出扎实的技术功底。
在这个主题“ASP.NET AJAX基本原理2”中,我们将深入探讨ASP.NET AJAX的核心组件以及如何使用HoverMenu控件。 ASP.NET AJAX的核心组件包括: 1. **ScriptManager**:这个服务器控件是ASP.NET AJAX的基础,它负责...
1. **Ajax的基本概念** Ajax的主要目标是改善用户与网页的交互体验,它通过异步方式与服务器通信,这意味着用户可以继续在页面上进行其他操作,而不必等待服务器的响应。这种技术避免了传统Web应用中常见的"白屏...
**Ajax基本原理** Ajax,全称为Asynchronous JavaScript + XML,是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。最初由Jesse James Garrett提出,它并非一项全新的技术,而是结合了JavaScript、...
**AJAX的基本组件** 1. **XMLHttpRequest对象**:这是AJAX的核心,它允许JavaScript在后台与服务器通信,无需刷新整个页面。 2. **JavaScript**:用于构建和控制AJAX请求,包括创建和初始化XMLHttpRequest对象,处理...
### AJAX原理及用法 #### 一、什么是Ajax技术? Ajax(Asynchronous JavaScript and XML,异步JavaScript与XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据...
### AJAX技术原理与使用方法详解 #### 一、引言 AJAX(Asynchronous JavaScript and XML),即异步JavaScript和XML技术,是一种用于创建快速动态网页的技术。它并不是一种单一的技术,而是多种技术的组合使用,包括...
### Ajax实现原理详解 #### 一、Ajax简介 Ajax(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,这意味着可以在不重新...