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

不多说,上代码

xml相关笔记以及ajax与xml交互_第1张图片
这段代码意思是从text2.xml文件中读取内容然后在html代码中以表格的形式显示


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

这是运行结果


xml相关笔记以及ajax与xml交互_第2张图片


xml相关笔记以及ajax与xml交互_第3张图片
这是text2.xml里面的内容,跟html好像吧

xml的特点

xml指可扩展标记语言;

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

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

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

xml是w3c的推荐标准;

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

nanlan

xiaoju

ajax与xml交互

xml用来存储和传输数据

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

xml对大小写敏感;

xml属性与元素

xiaoju

21

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

female

xiaoju

21

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

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


xml相关笔记以及ajax与xml交互_第4张图片
红色标注的地方就是重点

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

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


xml相关笔记以及ajax与xml交互_第5张图片

通过php生成XML


xml相关笔记以及ajax与xml交互_第6张图片

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


xml相关笔记以及ajax与xml交互_第7张图片

你可能感兴趣的:(xml相关笔记以及ajax与xml交互)