web颜值要爆表Web前端之路Web 前端开发

xml相关笔记以及ajax与xml交互

2017-05-16  本文已影响49人  南蓝NL

不多说,上代码

这段代码意思是从text2.xml文件中读取内容然后在html代码中以表格的形式显示

对于我来说,关键点是从另外一个文件中读出内容以文本的时候形式显示在页面,所以我再把关键代码写出來  var table= "<tr><th>Artist<th>Title</th>";  var x =xmlDoc.getElementByTagName("CD"); for(i=0;i<x.length;i++){table +="<tr><td>"+x[i].getElementByTagName("ARTIST")[0].childNodes[0].nodeValue+"</td><td>"+x[i].getElementByTagName("TITLE")[0].childNodes[0].nodeValue+"</td></tr>";}                       document.getElementById("demo").innerHTML = table;

这是运行结果

这是text2.xml里面的内容,跟html好像吧

xml的特点

xml指可扩展标记语言;

xml被设计用来传输和存储数据;

xml标签没有被预定义,需要自行定义标签;

xml被设计为具有自我描述性;

xml是w3c的推荐标准;

xml简化数据共享和数据传输;

<note>

<to>nanlan</to>

<from>xiaoju</from>

<heading>ajax与xml交互</heading>

<body>xml用来存储和传输数据</body>

</note>(xml要求必须有个父元素,这段代码中是note);

xml对大小写敏感;

xml属性与元素

<person sex="female">

<name>xiaoju</name>

<age>21</age>

</person>(这里的sex是属性,如果换一种方式)

<person>

<sex>female</sex>

<name>xiaoju</name>

<age>21</age>

</person>(这里的sex是元素,它们的结果其实是一样的,在html当中用属性,在xml当中用元素,这样的做法比较好);

xml javascript(一般是通过ajax来实现,开篇的第一个实例就是这么做的);

红色标注的地方就是重点

xml DOM可以通过DOM树来访问。可以修改或删除他们的内容,当然这与XML DOM相关,又是另外的内容;

XML命名空间,因为在xml当中名称是由开发者定义的,当两个不同的文档使用相同的元素名就会发生命名冲突(解决拌饭,使用前缀避免命名冲突)

通过php生成XML


xml DOM相关操作,主要是获取元素someone.childNodes.nodeValue、获取属性someone.childNodes.getAttribute、创建元素createElement、创建一个新的文末节点createTextNode等

上一篇 下一篇

猜你喜欢

热点阅读