工作 不忙的时候,就学习一下数据的格式。

前两天学习一下json .可以正确的解析,今天倒腾一下xml.

搞了半天,最终在不断的尝试和实现下搞定。网上有一些例子。都是在保存成某个xml 文件。如a.xml。

现在,需要做的是服务器返回一个xml 格式的内容,然后js 来解析。例子很简单,以后可以做为一个基础扩展学习。有什么不足的地方,有指出。共同学习。

在服务器端拼接 xml 格式的内容。以下只贴出主要代码。

         String xmlString="<user><name>"+userName+"</name><pwd>"+userPwd+"</pwd></user>";resp.setContentType("text/xml");resp.getWriter().print(xmlString);

注:一定要设置为resp.setContentType("text/xml"). 否则为解析不出来。

js 获 取服务器传递的内容。

 <script type="text/javascript">function mySubmit(){var userName=  document.getElementById("userName").value;var userPwd =  document.getElementById("userPwd").value;var content="userName="+userName+"&userPwd="+userPwd;sendAjaxRequest("login.do?xx="+Math.random(),content,myBack);};function myBack(){if(xhr.readyState==4){if(xhr.status==200){var xmlDoc =xhr.responseXML;var xmlTalbe = xmlDoc.getElementsByTagName("user");for(var i=0;i<xmlTalbe.length;i++){document.getElementById("msg").innerHTML=xmlTalbe[i].getElementsByTagName("name")[0].childNodes[0].nodeValue +"  密码:"+ xmlTalbe[i].getElementsByTagName("pwd")[0].childNodes[0].nodeValue;} }}};

注:responseXML 中的XML 是大写的。这些都是服务器的内置方法。不可以改变。

服务器发放的是xml 用responseXML 接收。如果服务器发放的是text 则用responseText 接收。

注:一个xml 文件可以包含多个对象Object . 如以上代码。可以包含多个user

<user id=\"OO1\"><name id=\"1\">"+userName+"</name><pwd>"+userPwd+"</pwd></user><user id=\"OO2\"><name id=\"2\">"+userName+"</name><pwd>"+userPwd+"</pwd></user>

但是解析不出来。原因是需要一个共同的父结点。

如:

<users><user id=\"OO1\"><name id=\"1\">"+userName+"</name><pwd>"+userPwd+"</pwd></user><user id=\"OO2\"><name id=\"2\">"+userName+"</name><pwd>"+userPwd+"</pwd></user></users>

转载于:https://www.cnblogs.com/java20130726/archive/2012/12/03/3218290.html

javaScript 解析 xml相关推荐

  1. JavaScript解析XML,js解析xml字符串

    XMl 可扩展的文本标记语言,用来传输数据和保存数据 整个文档是一个文档节点 每个XMl标签是一个元素节点 包含在xml标签内的文本是文本节点 每个xml属性是一个属性节点 注释属于一个注释节点XML ...

  2. javascript解析印象笔记导出enex文件(javascript解析xml,javascript监听手机端手指滑动事件)

    今晚又是在单位值班,最近看小说在印象笔记记了几百条零散的笔记,在印象笔记app上看要一条一条点开,今天把笔记导出来尝试着用js解析它,把一条条笔记转化为一张张小卡片,像刷抖音那样滑动着看,于是就用js ...

  3. JS解析XML文件和XML字符串

    http://www.cnblogs.com/chjw8016/archive/2011/07/12/2104269.html JS解析XML字符串 <script type='text/jav ...

  4. Dom4j 解析Xml文档及XPath查询 学习笔记

    本文查阅方法:     1.查阅目录 -- 查阅本文目录,确定想要查阅的目录标题     2.快捷"查找" -- 在当前浏览器页面,按键 "Ctrl+F" 按键 ...

  5. AJAX (异步 javascript 和 xml)

    用 form 可以发请求,但是会刷新页面或新开页面 用 a 可以发 get 请求,但是也会刷新页面或新开页面 用 img 可以发 get 请求,但是只能以图片的形式展示 用 link 可以发 get ...

  6. php xml对象解析_php解析xml 的四种简单方法(附实例)

    XML处理是开发过程中经常遇到的,PHP对其也有很丰富的支持,本文只是对其中某几种解析技术做简要说明,包括:Xml parser, SimpleXML, XMLReader, DOMDocument. ...

  7. xslt中的Javascript取得xml中的参数

    xslt中的Javascript取得xml中的参数 使用xslt解析xml的时候,需要把xml中的参数传到javascript中, 可以用xslt作为中转, xsl: <input type=& ...

  8. 解析XML的4种方式及优缺点比较

    dom, sax是解析xml的底层接口 而jdom和dom4j则是基于底层api的更高级封装    dom是通用的,而jdom和dom4j则是面向java语言的 (方法一). DOM解析说明:为 XM ...

  9. Objective-C学习之解析XML

    通过soap请求webservice时,返回的数据是XML类型,有时候也需要解析本地的xml数据等,苹果自带类NSXMLParser解析xml还是很方便的,简单轻便 本文以解析本地XML为例,网络获取 ...

  10. java解析xml文件四种方式介绍、性能比较和基本使用方法

    2019独角兽企业重金招聘Python工程师标准>>> 一.基本介绍: 1)DOM(JAXP Crimson解析器) DOM是用与平台和语言无关的方式表示XML文档的官方W3C标准. ...

最新文章

  1. 20145234黄斐《信息安全系统设计基础》第二周学习总结
  2. 坦克大战c语言程序贴吧,坦克大战!
  3. android新闻app_如何利用 Python 爬虫实现给微信群发新闻早报?
  4. socket服务器显示未响应,“程序未响应”的思考总结
  5. Spring boot整合Mongodb
  6. 亚马逊员工因龙卷风身亡 贝索斯庆祝载人飞行惹众怒
  7. 圣诞海报模板|给设计师点灵感
  8. django-admin的源码流程
  9. windows 7 提示缺少D3DCOMPILER_47.dll的正确解决方法
  10. 一对一租房软件系统与设计可行性研究报告
  11. 苹果id无法登陆_教你在iPhone上如何注册 ID帐户,并注意使用事项
  12. 软件能力成熟度模型(CMMI)
  13. 特斯拉灯光秀指南「GitHub 热点速览 v.22.01」
  14. AI矢量绘图_Illustrator 2022矢量图形编辑制作
  15. 服务器数据恢复;IBM V7000数据恢复方法
  16. 32位系统为什么又叫x86系统呢?
  17. 系统上线后如何确保原始数据的准确性?
  18. 高中学生计算机科技创新课题,论高中计算机教学中如何培养学生的创新能力
  19. MYSQL数据库密码的加密方式及破解方法
  20. cf1341 Nastya and Door

热门文章

  1. idea 快捷键修改去除 自动导入import 相关整理
  2. Eclipse无法修改字体
  3. IDEA 不愧为神器,结合 Groovy 脚本,简直无敌!
  4. 程序员除了写代码,还应重视哪些方面?
  5. 毕业了5年的同学突然告诉我,他已经是架构师了!
  6. java面向对象的六大原则
  7. 华为云TechWave全球技术峰会,看云基础设施全新打开方式
  8. 推荐一份 Google 面试指南
  9. 苹果爸爸发飙,封杀 React Native?
  10. 以产品思维去做微信公众号