`
andrii
  • 浏览: 63674 次
  • 性别: Icon_minigender_1
  • 来自: 地球
社区版块
存档分类
最新评论

AJAX解析XML

XMLAjaxServletOSJavaScript 
阅读更多

AJAX解析XML(JS代码)

js 代码
  1. <SCRIPT LANGUAGE="JavaScript">   
  2.         var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");   
  3.         xmlHttp.open("GET", "AJAX", true);   
  4.         /* 设置处理服务器的JS函数，函数又 xmlHttp.onreadystatechange来确定 */  
  5.         xmlHttp.onreadystatechange=function() {   
  6.             if (xmlHttp.readyState==4 && xmlHttp.status==200) {   
  7.                 //ajax的XML传输的解析。获取解析的数据   
  8.                 var xml = xmlHttp.responseXML;   
  9.                    
  10.                 //解析标签<stusn>   
  11.                 //var root1=root.getElementsByTagName("stusn");   
  12.                 //解析<stusn>的第一个标签的nation属性   
  13.                 //var name = root1[0].getAttribute("nation");   
  14.                 var div1 = document.getElementById("ccc");   
  15.                 var stus = xml.getElementsByTagName("stu");   
  16.                 for(var i = 0 ; i < stus.length ; i++){   
  17.                     var dl = document.createElement("dl");   
  18.                     var dt = document.createElement("dt");   
  19.                     var dd = document.createElement("dd");   
  20.                     //在div的最前面添加元素   
  21.                     div1.insertBefore(dl,div1.firstChild);   
  22.                     dl.appendChild(dt);   
  23.                     dl.appendChild(dd);   
  24.                     //设置元素的值   
  25.                     dt.innerHTML = "姓名:" + stus[i].getElementsByTagName("name")[0].firstChild.data;   
  26.                     dd.innerHTML = "年龄:" + stus[i].getElementsByTagName("age")[0].firstChild.data;   
  27.                 }   
  28.             }   
  29.         }   
  30.  xmlHttp.send();   
  31. </script>  

 

后台处理代码

java 代码
  1. import java.io.IOException;   
  2. import java.io.PrintWriter;   
  3.   
  4. import javax.servlet.ServletException;   
  5. import javax.servlet.http.HttpServlet;   
  6. import javax.servlet.http.HttpServletRequest;   
  7. import javax.servlet.http.HttpServletResponse;   
  8.   
  9. public class AJAXParseXML extends HttpServlet {   
  10.   
  11.     /**  
  12.      * Constructor of the object.  
  13.      */  
  14.     public AJAXParseXML() {   
  15.         super();   
  16.     }   
  17.   
  18.     /**  
  19.      * Destruction of the servlet. <br>  
  20.      */  
  21.     public void destroy() {   
  22.         super.destroy(); // Just puts "destroy" string in log   
  23.         // Put your code here   
  24.     }   
  25.   
  26.     public void doGet(HttpServletRequest request, HttpServletResponse response)   
  27.             throws ServletException, IOException {   
  28.   
  29.         //如果要传输XML，则需要设置传输的类型为text/xml   
  30.         response.setContentType("text/xml;charset=gb2312");   
  31.         response.setHeader("Cache-Control","no-cache");   
  32.         PrintWriter out = response.getWriter();   
  33. //      out.println("<?xml version=\"1.0\" encoding=\"UTF-8\"?>");   
  34. //      out.println("<stusn nation=\"china1\" ></stusn>");   
  35.         TestXML tx = new TestXML();   
  36.         tx.sendXML(out);   
  37.         out.close();   
  38.     }   
  39.   
  40.     public void doPost(HttpServletRequest request, HttpServletResponse response)   
  41.             throws ServletException, IOException {   
  42.                
  43.     }   
  44.   
  45.     public void init() throws ServletException {   
  46.         // Put your code here   
  47.     }   
  48.   
  49. }  

 

产生XML文档的代码

java 代码
  1. import java.io.FileOutputStream;   
  2. import java.io.OutputStream;   
  3. import java.io.PrintWriter;   
  4.   
  5. import javax.xml.parsers.DocumentBuilder;   
  6. import javax.xml.parsers.DocumentBuilderFactory;   
  7. import javax.xml.parsers.ParserConfigurationException;   
  8. import javax.xml.transform.Transformer;   
  9. import javax.xml.transform.TransformerFactory;   
  10. import javax.xml.transform.dom.DOMSource;   
  11. import javax.xml.transform.stream.StreamResult;   
  12.   
  13. import org.w3c.dom.Document;   
  14. import org.w3c.dom.Element;   
  15.   
  16. public class TestXML {   
  17.   
  18.     public void sendXML(PrintWriter os){   
  19.         Document doc ;   
  20.         Element stus;   
  21.         Element stu;   
  22.         Element name;   
  23.         Element age;   
  24.         DocumentBuilderFactory dbf = DocumentBuilderFactory.newInstance();   
  25.            
  26.         try {   
  27.             DocumentBuilder db = dbf.newDocumentBuilder();   
  28.                
  29.             doc = db.newDocument();   
  30.                
  31.             stus = doc.createElement("stusn");   
  32.   
  33.             stu = doc.createElement("stu");   
  34.   
  35.             name = doc.createElement("name");   
  36.             name.appendChild(doc.createTextNode("andrii"));   
  37.                
  38.             age = doc.createElement("age");   
  39.             age.appendChild(doc.createTextNode("27"));   
  40.                
  41.             stu.appendChild(name);   
  42.             stu.appendChild(age);   
  43.                
  44.             stus.setAttribute("nation", "china");   
  45.             stus.appendChild(stu);   
  46.                
  47.             doc.appendChild(stus);   
  48.                
  49.             TransformerFactory tf = TransformerFactory.newInstance();   
  50.                
  51.             Transformer ts = tf.newTransformer();   
  52. //          ts.transform(new DOMSource(doc), new StreamResult(new FileOutputStream("D:/test.xml")));   
  53.             ts.transform(new DOMSource(doc), new StreamResult(os));   
  54.                
  55.         } catch (Exception e) {   
  56.             // TODO Auto-generated catch block   
  57.             e.printStackTrace();   
  58.         }   
  59.     }   
  60. }  
分享到：
| struts-config配置
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Ajax 解析XML+json总结

    下面我们将深入探讨Ajax解析XML和JSON的相关知识点。 **一、Ajax基本原理** 1. **异步通信**：Ajax的核心是XMLHttpRequest对象，它允许浏览器向服务器发送异步请求，获取服务器响应，而无需重新加载整个页面。 2. *...

    ajax发送xml-java解析xml.doc

    在本文档中，我们探讨了如何使用Ajax技术发送XML数据，并在Java服务器端进行解析。Ajax，即异步JavaScript和XML，是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。以下是对这个过程的详细说明...

    ajax获取服务器以xml形式输出省市数据，并获取数据绑定前台下拉框和实现联动

    在IT行业中，Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。在本示例中，我们关注的是如何利用Ajax从服务器获取以XML（Extensible Markup Language）格式的...

    JQuery+AJAX处理XML数据

    AJAX 全称为 Asynchronous JavaScript and XML，允许页面在不重新加载整个页面的情况下与服务器进行通信。尽管“XML”是其名称的一部分，但 AJAX 实际上可以处理多种数据格式，包括 JSON、HTML 和文本。 **2. 使用 ...

    ajax_xml下载效果

    【标签】"源码"和"工具"表明这篇博文可能包含实际的代码示例和可能使用的工具或库，如jQuery的Ajax方法或者用于解析XML的JavaScript库，如DOMParser。 【知识点详解】 1. **Ajax基础**： - Ajax的核心组件包括...

    解析xml，ajax

    Ajax（Asynchronous JavaScript and XML）是一种创建动态网页的技术，通过在后台与服务器进行少量数据交换，可以在不重新加载整个网页的情况下更新部分网页内容。Ajax的核心是JavaScript对象XMLHttpRequest，它允许...

    ajax发送xml请求小示例

    在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。XML（Extensible Markup Language）则是一种用于...

    Ajax读取XML文件实例

    在Web开发中，Ajax（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。这个实例将讲解如何使用Ajax来读取XML文件，从而实现...

    ajax的xml格式传输.rar

    在IT行业中，Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下更新部分网页内容的技术。Ajax的核心在于创建XMLHttpRequest对象，通过这个对象与服务器进行异步数据交换，从而实现页面的...

    AJAX解析XML实例之下拉框省、市二级联动

    在本例中AJAX通过解析XML文件得到的数据传回到jsp页面，其中省市均是从数据库取到的值： jsp页面代码： 代码如下: &lt;&#37;@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8″%&gt; &lt;&#37; ...

    通过DOM和Ajax使用XML_从菜鸟到专家2006

    5. **C#和ASP.NET中的XML和Ajax**：在.NET框架下，C#提供了丰富的类库支持XML处理，如System.Xml命名空间下的XmlDocument和XmlNode类。ASP.NET则提供了服务器控件和Web服务支持Ajax功能，如UpdatePanel和...

    Ajax_xml数据格式

    Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。这种技术使得用户可以与网页进行更流畅、更快捷的交互，提高了用户体验。Ajax的核心是JavaScript异步通信...

    php+ajax+xml.rar_ajax php 无刷新_ajax xml_php xml_php 例子_xml

    **AJAX (Asynchronous JavaScript and XML)** 是一种在不刷新整个网页的情况下，能够更新部分网页内容的技术。它通过JavaScript与服务器进行异步通信，提高了用户体验，降低了网络流量。 **PHP** 是一种广泛使用的...

    Ajax读取xml数据类型例子

    在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。在这个例子中，我们将探讨如何使用AJAX来读取XML数据...

    Ajax 和 XML 将 Ajax 用于聊天

    **Ajax（Asynchronous JavaScript and XML）技术是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新。这种技术的核心在于JavaScript，XML则...

    ajax+xml实现省市区无刷新联动代码

    总结来说，"ajax+xml实现省市区无刷新联动代码"是利用Ajax技术和XML数据格式，为用户提供流畅的省市区选择体验，避免了传统方式下频繁的页面刷新，提高了网页的交互性和性能。通过理解Ajax的工作原理和XML的数据结构...

    ajax 读取 XML 文件

    在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。本示例中的"ajax 读取 XML 文件"是一个典型的AJAX...

    ajax + xml 省市县区四级联动

    Ajax（Asynchronous JavaScript and XML）是异步JavaScript和XML的缩写，它允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。通过使用Ajax，我们可以实现页面的局部刷新，提高网页的响应...

    基于xml的Ajax

    **Ajax（Asynchronous JavaScript and XML）技术是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新。在本案例中，我们专注于如何利用XML...

Magicbox
Global site tag (gtag.js) - Google Analytics