下面这个方法是利用ajax技术去做的！同样经过测试，兼容IE和Firefox,和第一篇文章稍有不同！
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="en" lang="en">
<head>
<title>numberDemo.xhtml</title>
<meta http-equiv="keywords" content="enter,your,keywords,here" />
<meta http-equiv="description" content="A short description of this page." />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<!--<link rel="stylesheet" type="text/css" href="styles.css">-->
</head>
<script type="text/javascript" src="./scripts/prototype_1.6.js"></script>
<script type="text/javascript" src="./scripts/OpenLayers_2.6_zy.js"></script>
</head>
<script type="text/javascript">
function init(){
var city = $("number");
//alert(city);
var url="http://localhost:8080/ajax/my/numberServlet";
var options={method:"get"};
// 创建Ajax.Request对象，发起一个Ajax请求
var myAjax = new Ajax.Request(
url, // 请求的URL
{
method: 'get', // 使用GET方式发送HTTP请求
onComplete: showResponse // 指定请求成功完成时需要执行的方法
}
);
}
function showResponse(response){
var doc = response.responseXML;
var cs = doc.getElementsByTagName("number");
alert(cs.length)
for(var i=0;i<cs.length;i++){
var a = cs[i];
var b = a.childNodes;
var c=b[0];
var oOption = document.createElement("OPTION");
document.getElementById("number").options.add(oOption);
oOption.innerHTML = c.nodeValue;
oOption.value = i;
}
}
</script>
<body onload="init()">
<select id="number">
</select>
</body>
</html>
package com.fys.js.demo;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.dom4j.Document;
import org.dom4j.DocumentFactory;
import org.dom4j.Element;
import org.dom4j.io.OutputFormat;
import org.dom4j.io.XMLWriter;
public class NumberServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
this.doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/xml");
PrintWriter out = response.getWriter();
//开始利用Dom4j生成xml文件
Document doc = DocumentFactory.getInstance().createDocument();
doc.setXMLEncoding("UTF-8");
Element root = doc.addElement("numbers");
for(int i = 1 ; i <= 20 ; i++){
root.addElement("number").addText(i+"");
}
//文件写出去，但是没有写到磁盘，只是放在内存
XMLWriter writer = new XMLWriter(out,OutputFormat.createPrettyPrint());
writer.write(doc);
out.flush();
out.close();
}
}
使用到了dom4j和一些外部的js文件！具体自己下载来看！
分享到：
相关推荐
资源名称：使用Javaｓｃｒｉｐｔ解析xml文件或xml格式字符串 中文WORD版 内容简介： 本文档主要讲述的是使用Javaｓｃｒｉｐｔ解析xml文件或xml格式字符串；javaｓｃｒｉｐｔ中，不论是解析xml文件，...
JS 解析 XML 文件 作为一名 IT 行业大师，我将从给定的...使用 JavaScript 解析 XML 文件需要了解 XML 文档的结构和各个节点的类型，选择合适的解析方法，考虑浏览器兼容性问题，并掌握相关的 JavaScript 语法和方法。
在JavaScript中解析XML文件是一项常见的任务，特别是在网页开发中，我们可能需要将XML数据转换为HTML以便更好地展示或处理。JavaScript提供了DOMParser API和ActiveXObject（仅限于Internet Explorer）来解析XML。...
本文将深入探讨如何使用JavaScript在服务器端解析XML文件，并将其转化为树形菜单，以供用户交互。 首先，理解XML的基本结构至关重要。XML是一种自描述性的文本格式，通过标签来定义数据结构。例如： ```xml ...
综上所述，要完成“JavaScript解析XML文件并在网页上以目录树形式显示”的任务，你需要理解XML的基本概念，熟悉JavaScript的DOM操作，掌握XML数据的解析方法，以及如何将XML数据转换为HTML结构，并通过CSS和...
#### 二、JavaScript 解析 XML 的方法 ##### 1. **使用 ActiveXObject (IE 浏览器)** - **代码示例**: ```javascript function CreateXMLDoc(xmlFilePath) { if (window.ActiveXObject) { var msXMLdom = new ...
在JavaScript中解析XML文件是一项常见的任务，特别是在处理服务器返回的数据或者构建富客户端应用时。XML（eXtensible Markup Language）是一种结构化数据格式，它允许我们存储和传输信息，而JavaScript作为浏览器中...
### JavaScript读写XML文件：深度解析与应用实例 在现代Web开发中，XML（Extensible Markup Language）作为一种标准的数据交换格式，被广泛应用于各种场景，如配置文件、数据传输等。利用JavaScript进行XML文件的...
要使用JavaScript处理XML，主要涉及两个关键步骤：加载XML文件和解析XML内容。在描述中提到的博文中，作者可能讲解了以下技术： 1. **XMLHttpRequest对象**：这是JavaScript中用于异步请求数据的原生对象。通过创建...
JAVASCRIPT解析XML的方法总结.pdf
JavaScript是Web开发中不可或缺...通过分析和理解这些代码，你可以更好地掌握JavaScript解析XML、SSH登录以及MVC架构的应用。记住，实践是检验理论的最好方式，尝试自己动手实现这些功能，将有助于深化理解和提升技能。
本文将深入探讨如何使用JavaScript处理XML文件，包括解析XML、访问XML节点以及展示XML数据。 首先，我们需要了解XML（Extensible Markup Language）是一种标记语言，常用于传输和存储数据。它的结构清晰，易于人...
JavaScript中的XML解析器是用于处理XML数据的关键工具，它允许开发者在浏览器环境中解析XML文档或者XML字符串，从而在Web应用中有效地使用这些数据。XML（eXtensible Markup Language）是一种结构化数据语言，常用于...
下面将详细介绍如何使用JavaScript进行XML文件的操作，主要包括增加、删除、修改和查询。 1. **加载XML文件** 在JavaScript中，我们可以使用`XMLHttpRequest`对象或者`fetch` API来加载XML文件。例如： ```...
在这个例子中，我们将深入探讨如何使用DOM解析XML文件，以理解和掌握XML文档的结构，并进行数据提取、修改和创建。 首先，XML（Extensible Markup Language）是一种标记语言，用于存储和传输数据，具有自描述性和...
在本场景中，我们关注的是如何解析XML文件并将其中的数据导入到数据库，然后在前端进行分页展示。这个过程涉及到的主要技术栈包括DOM4J库、数据库操作以及前端分页技术。 首先，DOM4J是Java中一个非常流行的XML处理...
#### 二、使用JavaScript读取XML文件的方法 ##### 1. 使用`XMLHttpRequest`对象读取XML文件 - **概述**：`XMLHttpRequest`是JavaScript的一个内置对象，常用于异步加载XML文件或JSON数据等。 - **示例代码**： ...
标题"xml.rar_javascript_javascript xml_xml javascript_xml文件"暗示了我们关注的重点是如何使用JavaScript来解析和操作XML。以下是一些关键知识点： 1. **创建XML对象**： JavaScript中，可以通过`...
总结，JavaScript解析XML文档成树菜单涉及到DOM解析、XMLHttpRequest或fetch请求、DOM遍历、HTML结构生成、事件处理等多个技术点。具体实现可能因XML结构和需求而异，但基本流程是相似的。阅读原博客（288976）可以...
总结来说，实现JavaScript解析XML以创建多级级联下拉列表涉及的主要知识点包括：JavaScript基础、XML文件结构与解析、DOM操作、事件监听以及动态生成HTML元素。通过这些技术，可以构建出交互性强、用户体验良好的Web...