AJAX 简介

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 您应当具备的基础知识 在继续学习之前,您需要对下面的知识有基本的了解: HTML / XHTML CSS JavaScript / DOM 如果您希望首先学习这些项目,请在我们的首页访问这些教程。 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异...

AJAX 实例

为了帮助您理解 AJAX 的工作原理,我们创建了一个小型的 AJAX 应用程序: 实例 使用 AJAX 修改该文本内容 修改内容 尝试一下 » AJAX 实例解析 上面的 AJAX 应用程序包含一个 div 和一个按钮。 div 部分用于显示来自服务器的信息。当按钮被点击时,它负责调用名为 loadXMLDoc() 的函数: <div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div> <button type="button" ...

AJAX – 创建 XMLHttpRequest 对象

XMLHttpRequest 是 AJAX 的基础。 XMLHttpRequest 对象 所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。 XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 创建 XMLHttpRequest 对象 所有现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)均内建 XMLHttpRequest 对象。 创建 XMLHttpRequest 对象...

AJAX – 向服务器发送请求请求

XMLHttpRequest 对象用于和服务器交换数据。 向服务器发送请求 如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法: xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send(); 方法 描述 open(method,url,async) 规定请求的类型、URL 以及是否异步处理请求。 method:请求的类型;GET 或 POST url:文件在服务器上的位置 async:true(异步)或 false(同步) ...

AJAX – 服务器 响应

服务器响应 如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。 属性 描述 responseText 获得字符串形式的响应数据。 responseXML 获得 XML 形式的响应数据。 responseText 属性 如果来自服务器的响应并非 XML,请使用 responseText 属性。 responseText 属性返回字符串形式的响应,因此您可以这样使用: 实例 document.getElementById("myDiv").inn...

AJAX – onreadystatechange 事件

onreadystatechange 事件 当请求被发送到服务器时,我们需要执行一些基于响应的任务。 每当 readyState 改变时,就会触发 onreadystatechange 事件。 readyState 属性存有 XMLHttpRequest 的状态信息。 下面是 XMLHttpRequest 对象的三个重要的属性: 属性 描述 onreadystatechange 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。 readyState 存有 XMLHttpRequest 的状态。...

AJAX ASP/PHP 实例

AJAX 用于创造动态性更强的应用程序。 AJAX ASP/PHP 实例 下面的例子将为您演示当用户在输入框中键入字符时,网页如何与 web 服务器进行通信: 请在下面的输入框中键入字母(A - Z): 实例 在输入框中尝试输入字母 a: 输入姓名:  提示信息: 尝试一下 » 实例解析 - showHint() 函数 当用户在上面的输入框中键入字符时,会执行函数 "showHint()" 。该函数由 "onkeyup" 事件触发: function showHint(...

AJAX Database 实例

AJAX 可用来与数据库进行动态通信。 AJAX 数据库实例 下面的例子将演示网页如何通过 AJAX 从数据库读取信息: 请在下面的下拉列表中选择一个客户: 实例 Apple Computer, Inc.BAIDU, IncCanon USA, Inc.Google, Inc.Nokia CorporationSony Corporation of America 客户信息将显示在这... 尝试一下 » 实例解释 - showCustomer() 函数 当用户在上面的下拉列表中选择某个客户时,会执行名为 "showCustome...

AJAX XML 实例

AJAX 可用来与 XML 文件进行交互式通信。 AJAX XML 实例 下面的例子将演示网页如何使用 AJAX 来读取来自 XML 文件的信息: 实例 获取我收藏的 CD 尝试一下 » 实例解析 - loadXMLDoc() 函数 当用户点击上面的"获取我收藏的 CD"这个按钮,就会执行 loadXMLDoc() 函数。 loadXMLDoc() 函数创建 XMLHttpRequest 对象,添加当服务器响应就绪时执行的函数,并将请求发送到服务器。 当服务器响应就绪时,会...

AJAX 实例

一个简单的AJAX实例 创建一个简单的XMLHttpRequest,从一个TXT文件中返回数据。 用AJAX加载 XML 文件 创建一个简单的XMLHttpRequest,从一个XML文件中返回数据。 用AJAX进行一次 HEAD 请求 检索资源(文件)的头信息。 用AJAX进行一次指定的 HEAD 请求 检索资源(文件)的指定头信息。 用AJAX从ASP 文件返回数据 当用户在文本框内键入字符时网页如何与Web服务器进行通信 用AJAX从数据库返回数据 用AJAX网页...

AJAX 教程

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。 AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。 AJAX 实例 使用 AJAX 修改该文本内容 修改内容 尝试一下 » 现在开始学习 AJAX ! 阅读本教程前,...
Copyright © 菜鸟编程 保留所有权利.   Theme  Ality 豫ICP备15027722号 QQ:973000716

用户登录

分享到: