AJAX 教程

分类:前端教程
标签:

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

目录

标题 说明
AJAX 简介 AJAX 简介AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。您应当具备的基础知识在继续学习之前,您需要对下面的知识有基本的了解:HTML / XHTMLCSSJavaScript / DOM如果您希望首先学习这些项目,请在我们的首页访问这些教程。
AJAX 实例 AJAX 实例为了帮助您理解 AJAX 的工作原理,我们创建了一个小型的 AJAX 应用程序:实例31尝试一下 »AJAX 实例解析上面的 AJAX 应用程序包含一个 div 和一个按钮。div 部分用于显示来自服务器的信息。当按钮被点击时,它负责调用名为 loadXMLDoc() 的函数:12接下来,在页面的 head 部分添加一个 <script> 标签。
AJAX 创建 XMLHttpRequest 对象 AJAX - 创建 XML 对象XML 是 AJAX 的基础。XML 对象所有现代浏览器均支持 XML 对象(IE5 和 IE6 使用 ActiveXObject)。XML 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
AJAX – 向服务器发送请求 AJAX - 向服务器发送请求请求XML 对象用于和服务器交换数据。向服务器发送请求如需将请求发送到服务器,我们使用 XML 对象的 open() 和 send() 方法:11方法描述open(method,url,async)规定请求的类型、URL 以及是否异步处理请求。
AJAX XMLHttpRequest 服务器响应 AJAX - 服务器 响应服务器响应如需获得来自服务器的响应,请使用 XML 对象的 responseText 或 responseXML 属性。属性描述responseText获得字符串形式的响应数据。responseXML获得 XML 形式的响应数据。
AJAX – onreadystatechange 事件 AJAX - onreadystatechange 事件onreadystatechange 事件当请求被发送到服务器时,我们需要执行一些基于响应的任务。每当 readyState 改变时,就会触发 onreadystatechange 事件。
AJAX ASP/PHP AJAX /PHP 实例AJAX 用于创造动态性更强的应用程序。AJAX /PHP 实例下面的例子将为您演示当用户在输入框中键入字符时,网页如何与 web 服务器进行通信:请在下面的输入框中键入字母(A - Z):实例11尝试一下 »实例解析 - showHint() 函数当用户在上面的输入框中键入字符时,会执行函数 "showHint()" 。
AJAX 数据库 AJAX Database 实例AJAX 可用来与数据库进行动态通信。AJAX 数据库实例下面的例子将演示网页如何通过 AJAX 从数据库读取信息:请在下面的下拉列表中选择一个客户:Example31尝试一下 »实例解释 - showCustomer() 函数当用户在上面的下拉列表中选择某个客户时,会执行名为 "showCustomer()" 的函数。
AJAX XML 实例解析 - loadXMLDoc() 函数 当用户点击上面的"获得 CD 信息"这个按钮,就会执行 loadXMLDoc() 函数。 loadXMLDoc() 函数创建 XMLHttpRequest 对象,添加当服务器响应就绪时执行的函数,并将请求发送到服务器。 当服务器响应就绪时,会构建一个 HTML 表格,从 XML 文件中提取节点(元素),最后使用已经填充了 XML 数据的 HTML 表格来更新 txtCDInfo 占位符:

现在开始学习AJAX 教程第一章 : AJAX 简介


本教程固定链接:http://www.rumen5.com/61390.html

上一篇:React 教程

下一篇:Node.js 教程

QQ空间新浪微博腾讯微博人人网微信