Code666 (代码贴、代码片段)

[JavaScript] JS通过ajax从xml文件动态获取数据显示 →→→→→进入此内容的聊天室

来自 , 2021-04-03, 写在 JavaScript, 查看 146 次.
URL http://www.code666.cn/view/692baebe
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script>
  5. function loadXMLDoc(url)
  6. {
  7. var xmlhttp;
  8. var txt,x,xx,i;
  9. if (window.XMLHttpRequest)
  10.   {// code for IE7+, Firefox, Chrome, Opera, Safari
  11.   xmlhttp=new XMLHttpRequest();
  12.   }
  13. else
  14.   {// code for IE6, IE5
  15.   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  16.   }
  17. xmlhttp.onreadystatechange=function()
  18.   {
  19.   if (xmlhttp.readyState==4 && xmlhttp.status==200)
  20.     {
  21.     txt="<table border='1'><tr><th>Title</th><th>Artist</th></tr>";
  22.     x=xmlhttp.responseXML.documentElement.getElementsByTagName("CD");
  23.     for (i=0;i<x.length;i++)
  24.       {
  25.       txt=txt + "<tr>";
  26.       xx=x[i].getElementsByTagName("TITLE");
  27.         {
  28.         try
  29.           {
  30.           txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
  31.           }
  32.         catch (er)
  33.           {
  34.           txt=txt + "<td> </td>";
  35.           }
  36.         }
  37.       xx=x[i].getElementsByTagName("ARTIST");
  38.         {
  39.         try
  40.           {
  41.           txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
  42.           }
  43.         catch (er)
  44.           {
  45.           txt=txt + "<td> </td>";
  46.           }
  47.         }
  48.       txt=txt + "</tr>";
  49.       }
  50.     txt=txt + "</table>";
  51.     document.getElementById('txtCDInfo').innerHTML=txt;
  52.     }
  53.   }
  54. xmlhttp.open("GET",url,true);
  55. xmlhttp.send();
  56. }
  57. </script>
  58. </head>
  59. <body>
  60.  
  61. <div id="txtCDInfo">
  62. <button onclick="loadXMLDoc('cd_catalog.xml')">Get CD info</button>
  63. </div>
  64.  
  65. </body>
  66. </html>
  67.  
  68.  
  69. //javascript/8183

回复 "JS通过ajax从xml文件动态获取数据显示"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666