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

作者: 南蓝NL | 来源:发表于2017-05-16 15:20 被阅读49次

不多说,上代码

这段代码意思是从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等

相关文章

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

    不多说,上代码 对于我来说,关键点是从另外一个文件中读出内容以文本的时候形式显示在页面,所以我再把关键代码写出來 ...

  • 从屌丝到架构师的飞越(JavaScript篇)-JavaScri

    一、介绍 这节课呢,我们来了解的是Ajax解析XML, AJAX 可用来与 XML 文件进行交互式通信。 二、知识...

  • java_Ajax

    Ajax:(asynchronous js and xml) 异步的js和xml 指的是一种交互方式 异步加载,客...

  • Ajax总结

    一、Ajax简介 1.Ajax相关 AJAX 全称为Asynchronous Javascript And XML...

  • promise封装ajax简单实现

    全称AsynchronousJavaScriptXML,异步JavaScript和XML交互一个ajax交互是从X...

  • Ajax是什么

    AJAX即“Asynchronous JavaScript and XML”(异步的JavaScript与XML技...

  • 12_django_ajax

    AJAX 一、什么是ajax? 异步的JavaScript和xml,跟后台交互,都用json 二、ajax干啥用的...

  • ajax基础

    ajax 基本概念 ajax 是Asynchronous JavaScript + XML 的简写。指一种创建交互...

  • JavaScript学习笔记(二十七)-- ajax及ajax封

    AJAX ajax 全名 async javascript and XML 是前后台交互的能力 也就是我们客户端给...

  • AJAX

    1.什么是AJAX AJAX即“Asynchronous Javascript And XML”,是指一种创建交互...

网友评论

    本文标题:xml相关笔记以及ajax与xml交互

    本文链接:https://www.haomeiwen.com/subject/grzkxxtx.html