javascript 读取xml文件、读取节点数据的简单示例

前端之家收集整理的这篇文章主要介绍了javascript 读取xml文件、读取节点数据的简单示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
读取的节点数据,还有一种情况是读取节点属性数据。 感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。经测试代码如下:
  1. /**
  2. * 读取xml文件、读取节点数据
  3. *
  4. * @param
  5. * @arrange (512.笔记) jb51.cc
  6. **/
  7. <script type="text/javascript">
  8. var objLength = null;
  9. var xmlHttp;
  10. var strurl = "";
  11. function ajaxrequst() {
  12. if (window.ActiveXObject) {
  13. xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  14. }
  15. else {
  16. xmlHttp = new XMLHttpRequest();
  17. }
  18. try {
  19. strurl = "/data/rdzz.xml";
  20. xmlHttp.onreadystatechange = LoadXmlFile;
  21. xmlHttp.open("GET",strurl + "?time=" + (new Date()).getTime(),true);
  22. xmlHttp.send(null);
  23. }
  24. catch (e) {
  25. }
  26. }
  27. function LoadXmlFile() {
  28. var content = "";
  29. if (xmlHttp.readyState == 4) {
  30. if (xmlHttp.status == 200) {
  31. var xmlDOM = xmlHttp.responseXML;
  32. var xmlRoot = xmlDOM.documentElement;
  33. try {
  34. var objLength = xmlRoot.getElementsByTagName("Item");
  35. for (var i = 0; i < objLength.length; i++) {
  36. var elementtitle = objLength[i].getElementsByTagName('NewsTitle')[0];
  37. var elementtime = objLength[i].getElementsByTagName('NewsTime')[0];
  38. var elementurl= objLength[i].getElementsByTagName('NewsUrl')[0];
  39. // LastValue = objLength[i].getAttribute( "LastValue" )
  40. // Prediction = objLength[i].getAttribute( "Prediction" )
  41. // Actual = objLength[i].getAttribute( "Actual" )
  42. // importance = objLength[i].getAttribute( "importance" )
  43. // newstime = objLength[i].getAttribute( "NewsTime" )
  44. var title = elementtitle.textContent || elementtitle.text;
  45. var time = elementtime.textContent || elementtime.text;
  46. var url = elementurl.textContent || elementurl.text;
  47. content += "<li><dl><dd>" + time + "</dd><dd><a href='" + url + "' target='blank'>" + title + "</a></dd></dl></li>";
  48. }
  49. document.getElementById("newsInfo").innerHTML = content;
  50. }
  51. catch (e) {
  52. }
  53. }
  54. }
  55. }
  56. </script>

经测试代码如下:
  1. <input id="Button1" type="button" value="read" onclick="ajaxrequst()" />
  2. <div id="newsInfo"></div>

猜你在找的JavaScript相关文章