JavaScript操作XML文件之XML读取方法,用javascript读取
分类:关于美高梅

下面代码是读取的节点数据,还有一种情况是读取节点属性数据。

本文实例讲述了jQuery解析XML文件同时动态增加js文件的方法。分享给大家供大家参考。具体实现方法如下:

本文实例讲述了JavaScript操作XML文件之XML读取方法。分享给大家供大家参考。具体分析如下:

本文实例讲述了javascript加载xml文件的方法。分享给大家供大家参考,具体如下:

<head>
  <title></title>
  <script type="text/javascript">
    var objLength = null;
    var xmlHttp;
    var strurl = "";
    function ajaxrequst() {
      if (window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      else {
        xmlHttp = new XMLHttpRequest();
      }
      try {
        strurl = "/data/rdzz.xml";
        xmlHttp.onreadystatechange = LoadXmlFile;
        xmlHttp.open("GET", strurl + "?time=" + (new Date()).getTime(), true);
        xmlHttp.send(null);
      }
      catch (e) {

      }

    }

    function LoadXmlFile() {
      var content = "";
      if (xmlHttp.readyState == 4) {
        if (xmlHttp.status == 200) {
          var xmlDOM = xmlHttp.responseXML;
          var xmlRoot = xmlDOM.documentElement;
          try {
            var objLength = xmlRoot.getElementsByTagName("Item");

            for (var i = 0; i < objLength.length; i++) {
              var elementtitle = objLength[i].getElementsByTagName('NewsTitle')[0];
              var elementtime = objLength[i].getElementsByTagName('NewsTime')[0];
              var elementurl= objLength[i].getElementsByTagName('NewsUrl')[0];

// LastValue = objLength[i].getAttribute( "LastValue" )
// Prediction = objLength[i].getAttribute( "Prediction" )
// Actual = objLength[i].getAttribute( "Actual" )
// importance = objLength[i].getAttribute( "importance" )
// newstime = objLength[i].getAttribute( "NewsTime" )

              var title = elementtitle.textContent || elementtitle.text;
              var time = elementtime.textContent || elementtime.text;
              var url = elementurl.textContent || elementurl.text;

              content += "<li><dl><dd>" + time + "</dd><dd><a href='" + url + "' target='blank'>" + title + "</a></dd></dl></li>";
            }
            document.getElementById("newsInfo").innerHTML = content;
          }
          catch (e) {
          }
        }
      }
    }
  </script>
</head>
  <body>
    <input id="Button1" type="button" value="read" onclick="ajaxrequst()" />
    <div id="newsInfo"></div>
  </body>
$(function(){
 $.ajax({
  url: 'js/config/jsConfig.xml',
  dataType: 'xml',
  success: function(data){
   $(data).find("moduleName").each(function(i,obj) {
    var field = $(this);
    var funcName = field.attr("name");
    for(var i = 0;i < field.find("func").size();i++){
     var func = field.find("func:eq(" + i + ")").text();
     var src = '<script type="text/javascript" src="' + func + ".js"></script>";
     $("body").append(src);
    }
   });
  }
 });
})


<?xml version="1.0" encoding="UTF-8"?>
<module>
 <moduleName name = "管理">
 <func>js/module/testXml</func>
 <func>js/module/device</func>
 </moduleName>
</module>

假设我们现在要读取下面的 info.xml 文件

//需要读取的xml文件
var uRl = "jsReadXml.xml";
var xmlDoc;
//初始化,给上述定义变量赋值
// function showcurcity(){
if(window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false"
xmlDoc.load(uRl);
getvalue();
}
else if(document.implementation && document.implementation.createDocument)
{
xmlDoc=document.implementation.createDocument("", "root", null);
xmlDoc.load(uRl);
xmlDoc.onload=getvalueff;
}
// else {
// return null;
// }
// }
function getvalue()
{
var nodes=xmlDoc.documentElement.childNodes;
var now=new Date();
for(i=0;i<nodes.length;i++){
var value=nodes.item(i).childNodes.item(0).text ;
alert(nodes.item(i).childNodes.item(1).text);
alert(nodes.item(i).childNodes.item(2).text);
}
}
function getvalueff(){
var cCode=xmlDoc.getElementsByTagName("date");
var now = new Date();
var nowvalue=now.getFullYear()+'年'+(now.getMonth()+1)+'月'+now.getDate()+'日';
for(i=0;i<cCode.length;i++)
{
alert(xmlDoc.getElementsByTagName("imgsrc")[i].childNodes[0].nodeValue);
alert(xmlDoc.getElementsByTagName("title")[i].childNodes[0].nodeValue);
alert(xmlDoc.getElementsByTagName("url")[i].childNodes[0].nodeValue);
}
}

您可能感兴趣的文章:

  • JS解析XML文件和XML字符串详解
  • JS读取XML文件示例代码
  • JS操作XML实例总结(加载与解析XML文件、字符串)
  • JS与jQ读取xml文件的方法
  • JavaScript操作XML文件之XML读取方法
  • JS使用ajax从xml文件动态获取数据显示的方法
  • javascript读取Xml文件做一个二级联动菜单示例
  • jsp读取大对象CLOB并生成xml文件示例
  • IE下JS读取xml文件示例代码
  • javascript实现加载xml文件的方法
  • 使用JS读取XML文件的方法
  • jQuery解析XML文件同时动态增加js文件的方法
  • JS实现加载和读取XML文件的方法详解

希望本文所述对大家的jQuery程序设计有所帮助。

<?xml version="1.0" encoding="gb2312"?>
<root>
 <data id="1">
 <name>ceun</name>
 <age>21</age>
 </data>
 <data id="2">
 <name><![CDATA[张三]]></name>
 <age>22</age>
 </data>
 <data id="3">
 <name>jake</name>
 <age>23</age>
 </data>
 <data id="4">
 <name>hello</name>
 <age>20</age>
 </data>
 <data id="5">
 <name>Paul</name>
 <age>25</age>
 </data>
</root>

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

  • JS解析XML文件和XML字符串详解
  • JS读取XML文件示例代码
  • JS操作XML实例总结(加载与解析XML文件、字符串)
  • JS与jQ读取xml文件的方法
  • JavaScript操作XML文件之XML读取方法
  • JS使用ajax从xml文件动态获取数据显示的方法
  • javascript读取Xml文件做一个二级联动菜单示例
  • jsp读取大对象CLOB并生成xml文件示例
  • IE下JS读取xml文件示例代码
  • 用javascript读取xml文件读取节点数据
  • javascript实现加载xml文件的方法
  • 使用JS读取XML文件的方法
  • JS实现加载和读取XML文件的方法详解

接下来,读取并遍历info.xml

您可能感兴趣的文章:

  • JS解析XML文件和XML字符串详解
  • JS读取XML文件示例代码
  • JS操作XML实例总结(加载与解析XML文件、字符串)
  • JS与jQ读取xml文件的方法
  • JavaScript操作XML文件之XML读取方法
  • JS使用ajax从xml文件动态获取数据显示的方法
  • javascript读取Xml文件做一个二级联动菜单示例
  • jsp读取大对象CLOB并生成xml文件示例
  • IE下JS读取xml文件示例代码
  • 用javascript读取xml文件读取节点数据
  • 使用JS读取XML文件的方法
  • jQuery解析XML文件同时动态增加js文件的方法
  • JS实现加载和读取XML文件的方法详解
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Hello </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
//生XML对象。
function createXMLDom(){
  if (window.ActiveXObject) 
   var xmldoc=new ActiveXObject("Microsoft.XMLDOM");
  else 
   if (document.implementation&&document.implementation.createDocument)
    var xmldoc=document.implementation.createDocument("","doc",null);
  xmldoc.async = false;
  //为了和FireFox一至,这里不能改为False;
  xmldoc.preserveWhiteSpace=true;
  return xmldoc;
}
//加载XML文件。
var xmlDom=createXMLDom();
xmlDom.load("info.xml");
//获得根节点
var root=xmlDom.documentElement;
var data="";
var names=root.getElementsByTagName("name");
var ages=root.getElementsByTagName("age");
var len=names.length;
for(var i=0;i<len;i++) {
 data+="姓名:";
 data+=names[i].firstChild.nodeValue;
 data+=" 年龄:";
 data+=ages[i].firstChild.nodeValue;
 data+=" ";
}
alert(data);
-->
</SCRIPT>
</BODY>
</HTML>

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

  • JS解析XML文件和XML字符串详解
  • JS读取XML文件示例代码
  • JS操作XML实例总结(加载与解析XML文件、字符串)
  • JS与jQ读取xml文件的方法
  • JS使用ajax从xml文件动态获取数据显示的方法
  • javascript读取Xml文件做一个二级联动菜单示例
  • jsp读取大对象CLOB并生成xml文件示例
  • IE下JS读取xml文件示例代码
  • 美高梅网址,用javascript读取xml文件读取节点数据
  • javascript实现加载xml文件的方法
  • 使用JS读取XML文件的方法
  • jQuery解析XML文件同时动态增加js文件的方法
  • JS实现加载和读取XML文件的方法详解

本文由美高梅网址发布于关于美高梅,转载请注明出处:JavaScript操作XML文件之XML读取方法,用javascript读取

上一篇:没有了 下一篇:没有了
猜你喜欢
热门排行
精彩图文