首页 相关文章 AJAX教程(12):AJAX ResponseXML 实例

AJAX教程(12):AJAX ResponseXML 实例

与 responseText 以字符串返回 HTTP 响应不同,responseXML 以 XML 返回响应。

ResponseXML 属性返回 XML 文档对象,可使用 W3C DOM 节点树的方法和属性来检查和解析该对象。

AJAX ResponseXML 实例

在下面的 AJAX 实例中,我们将演示网页如何使用 AJAX 技术从数据库中读取信息。这次,这些从数据库中选取的数据将被转换为 XML 文档,然后我们将使用 DOM 来提取要显示的值。

选取下拉列表中的名称

AJAX 实例解释

上面的例子包含一个 HTML 表单,若干个保留所返回数据的 span 元素,以及指向一段 JavaScript 的链接:

htmlheadscript src="selectcustomer_xml.js"/script/headbodyform action="" label选择客户:select name="c...[ 查看全文 ]

2016-02-20 标签:
  • 标签:Web开发
    您的第一个 AJAX 应用程序 为了让您理解 AJAX 的工作原理,我们将创建一个小型的 AJAX 应用程序。 首先,我们需要一个带有两个文本框的 HTML 表单:用户名和时间。用户名文本框由用户填写,而时间文本框使用 AJAX 进行填写。 此 HTML 文件名为 "testAjax.htm"(请注意这个 HTML 表单没有提交按钮!): htmlbodyform name="myForm"用户: input type="text" name="us...[ 查看全文 ]
  • 标签:Web开发
    AJAX 可用来与 XML 文件进行交互式通信。 AJAX XML 实例 在下面的 AJAX 实例中,我们将演示如何通过使用 AJAX 技术,从 XML 文件中读取信息。 在下面的下列列表中选择一个 CD 在此列出 CD 信息。 AJAX 实例解释 上面的例子包含了一个简单的 HTML 表单,以及指向一段 JavaScript 的链接: htmlhead script src="selectcd.js"/script /headbodyform 选择 CD:select name="cds" onc...[ 查看全文 ]
  • 标签:Web开发
    我们已看到 AJAX 可被用来创建更多交互性的应用程序。 AJAX Suggest实例 在下面的 AJAX 例子中,我们会演示当用户向一个标准的 HTML 表单中输入数据时网页如何与 web 服务器进行通信。 在下面的文本框中输入名字: Suggestions: 例子解释 - HTML表单 表单的 HTML 代码: form First Name:input type="text" id="txt1" onkeyup="showHint(this.value)" //formpSugge...[ 查看全文 ]
  • 标签:Web开发
    AJAX介绍      AJAX 关键词:   JavaScript脚本和可扩展标记语言(XML)   WEB浏览器技术   开放式WEB标准   浏览器以及独立平台   更好更快的网络应用程序   XML以及HTTP请求      AJAX = 异步JavaScript和可扩展标记语言   AJAX是一种运用JavaScript和可扩展标记语言(XML),在网络浏览器和...[ 查看全文 ]
  • 标签:Web开发
    您的第一个AJAX应用程序 为了让您理解AJAX的工作原理,我们将创建一个小型的AJAX应用程序。 首先,我们需要一个带有两个文本框的HTML表单:用户名和时间。用户名文本框由用户填写,而时间文本框使用AJAX进行填写。 此HTML文件名为"testAjax.htm"(请注意这个HTML表单没有提交按钮!): html body formname="myForm" 用户:inputtype="text"na...[ 查看全文 ]
  • 标签:Web开发
    AJAX 可用来与数据库进行动态地通信。 AJAX 数据库实例 在下面的 AJAX 例子中,我们将演示如何使用 AJAX 技术令网页从数据库读取信息。 在下面的框中选择一个名字AJAX 实例解释 上面的实例包含了一个简单的 HTML 表单以及执行 JavaScript 的链接: htmlhead script src="selectcustomer.js"/script /headbody form 请选择一位客户:select name="customers" onchange="showC...[ 查看全文 ]
  • AJAX介绍 AJAX 关键词: javascript脚本和可扩展标记语言(XML)  WEB浏览器技术  开放式WEB标准  浏览器以及独立平台  更好更快的网络应用程序  XML以及HTTP请求  AJAX = 异步JavaScript和可扩展标记语言 AJAX是一种运用JavaScript和可扩展标记语言(XML),在网络浏览器和服务器之间传送或接受数据的技术。 ...[ 查看全文 ]
  • 标签:Web开发
    第一个文件   index.asp script language="javascript" var xmlHttp = false;    //ajax使用 try {   xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {   try {     xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); &nbs...[ 查看全文 ]
  • 标签:Web开发
    静态页面 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head title无标题页/title script type="text/javascript" src="jquery/jquery.js" //这里不可以用script type="" src="" / /script script type="text/javascript" /* encodeURI 方法 对URL传递的...[ 查看全文 ]
  • 标签:Web开发
    我们已看到AJAX可被用来创建更多交互性的应用程序。 AJAXSuggest实例 在下面的AJAX例子中,我们会演示当用户向一个标准的HTML表单中输入数据时网页如何与web服务器进行通信。 在下面的文本框中输入名字: FirstName: Suggestions: 例子解释-HTML表单 表单的HTML代码: form FirstName:inputtype="text"id="txt1"onkeyup=...[ 查看全文 ]
  • 标签:Web开发
    AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML)。 AJAX 是一种在 2005 年由 Google 推广开来的编程模式。 AJAX 不是一种新的编程语言,而是一种使用现有标准的新方法。 通过 AJAX,你可以创建更好、更快以及更友好的 WEB 应用程序。 AJAX 基于 JavaScript 和 HTTP 请求(HTTP requests)。 AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML)。 您...[ 查看全文 ]
  • 标签:Web开发
    网页制作Webjx文章简介:AJAX可用来与数据库进行动态地通信。 AJAX可用来与数据库进行动态地通信。 AJAX数据库实例 在下面的AJAX例子中,我们将演示如何使用AJAX技术令网页从数据库读取信息。 在下面的框中选择一个名字 请选择一位客户:AlfredsFutterkisteNorth/SouthWolskiZajazd AJAX实例解释 上面的实例包含了一个简单的HTML表单以及执行...[ 查看全文 ]
  • 标签:Web开发
    对于一个像我一样刚刚接触Web开发且无多少实际项目经验的新手而言,AJAX技术显得复杂而又深奥。经过两天的baidu、google,我对AJAX的基本原理有了一个大致的认识,在此总结一下。 1. 什么是AJAX? AJAX全称是异步的JavaScript和XML,是Asynchronous JavaScript and XML的缩写。AJAX技术用于创建交互式网页应用的网站开发,至于何为异步,后文会有解释。 1.1 桌面应用程序和Web应用程序 在详细讨论AJ...[ 查看全文 ]
  • 标签:Web开发
    AJAX 使用 Http 请求 在传统的 JavaScript 编程中,假如您希望从服务器上的文件或数据库中得到任何的信息,或者向服务器发送信息的话,就必须利用一个 HTML 表单向服务器 GET 或 POST 数据。而用户则需要单击提交按钮来发送/获取信息,等待服务器的响应,然后一张新的页面会加载结果。 由于每当用户提交输入后服务器都会返回一张新的页面,传统的 web 应用程序变得运行缓慢,且越来越不友好。 通过利用 A...[ 查看全文 ]
  • 标签:Web开发
    AJAX - 更多有关 XMLHttpRequest 对象的知识 在向服务器发送数据之前,我们有必要解释一下 XMLHttpRequest 对象的三个重要的属性。 onreadystatechange 属性 onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函数,可同时对 onreadystatechange 属性进行设置: xmlHttp.onreadystatechange=function() { // 我们需要在这里写一些代码 } readyState 属性 readyState 属性存...[ 查看全文 ]
  • 标签:Web开发
    AJAX Suggest 源代码的实例 下面的源代码属于上一节的 AJAX 实例。 您可以拷贝粘贴这些代码,然后亲自测试一下。 AJAX HTML 页面 这是 HTML 页面。它包含了一个简单的 HTML 表单,以及一个指向 JavaScript 的链接。 htmlheadscript src="clienthint.js"/script /headbodyform First Name:input type="text" id="txt1" onkeyup="showHint(this.value)" //formp...[ 查看全文 ]
  • 标签:Web开发
    将index.html和upload.php文件保存到apache工作目录,例子使用安装目录D:/Program Files/Apache Software Foundation/Apache2.2/htdocs/ AJAX 客户端页面代码: index.html html  body  h1Ajax file upload sample/h1br/input id="uplaod" name="btn_send" type="button" value="上传测试"/  div id=result/div  PRE class=js name="code"SCRIPT LANGUAGE=JavaScript  &...[ 查看全文 ]
  • 标签:Web开发
    网页制作Webjx文章简介:要解决ajax跨域问题,网上给出的方法有二. 要解决ajax跨域问题,网上给出的方法有二: 1是构建服务器端的代理。简而言之,就是ajax中调用的实质还是本机的url,而服务器端替js去取回远端地址。 2.利用script标记,生成一个标签。在js加载完成后,再执行后续操作。 就是将原来新建xmlHTTPrequest对象的操作改成了新建script标签的操作. 这里...[ 查看全文 ]
  • 标签:Web开发
    ajax.html !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / title兼容多浏览器的AJAX入门实例(超详细注释)/title script type="text/javascript" !-- //Ajax是建立在XMLHttp组件下的技术,本例详细语...[ 查看全文 ]
  • 标签:Web开发
    1.建立进度条html页面 progressbar.htm script language="javascript" function setPgb(pgbID, pgbValue) { if ( pgbValue = 100 ) { //debugger; if (lblObj = document.getElementById(pgbID+'_label')) { lblObj.innerHTML = pgbValue + '%'; // change the label value } if ( pgbObj = document.getElementById(pgbID) ) { var divChild = pgbObj.children[0]; pgbObj.c...[ 查看全文 ]
手机页面 收藏网站 回到头部