亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > AJAX > 正文

JS使用ajax從xml文件動態獲取數據顯示的方法

2024-09-01 08:33:28
字體：大 中 小
來源：轉載
供稿：網友

這篇文章主要介紹了JS使用ajax從xml文件動態獲取數據顯示的方法,實例分析了javascript使用Ajax技術操作XML文件的技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JS使用ajax從xml文件動態獲取數據顯示的方法。分享給大家供大家參考。具體分析如下：

下面的JS代碼通過ajax檢索xml文件的內容動態展示到網頁，真個頁面無刷新

 

 
  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. txttxt=txt + "<tr>"; 
  26. xxx=x[i].getElementsByTagName("TITLE"); 
  27. { 
  28. try 
  29. { 
  30. txttxt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>"; 
  31. } 
  32. catch (er) 
  33. { 
  34. txttxt=txt + "<td> </td>"; 
  35. } 
  36. } 
  37. xxx=x[i].getElementsByTagName("ARTIST"); 
  38. { 
  39. try 
  40. { 
  41. txttxt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>"; 
  42. } 
  43. catch (er) 
  44. { 
  45. txttxt=txt + "<td> </td>"; 
  46. } 
  47. } 
  48. txttxt=txt + "</tr>"; 
  49. } 
  50. txttxt=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. <div id="txtCDInfo"> 
  61. <button onclick="loadXMLDoc('cd_catalog.xml')">Get CD info</button> 
  62. </div> 
  63. </body> 
  64. </html> 

xml文件內容如下

 

 
  1. <CATALOG> 
  2. <CD> 
  3. <TITLE>Empire Burlesque</TITLE> 
  4. <ARTIST>Bob Dylan</ARTIST> 
  5. <COUNTRY>USA</COUNTRY> 
  6. <COMPANY>Columbia</COMPANY> 
  7. <PRICE>10.90</PRICE> 
  8. <YEAR>1985</YEAR> 
  9. </CD> 
  10. <CD> 
  11. <TITLE>Hide your heart</TITLE> 
  12. <ARTIST>Bonnie Tyler</ARTIST> 
  13. <COUNTRY>UK</COUNTRY> 
  14. <COMPANY>CBS Records</COMPANY> 
  15. <PRICE>9.90</PRICE> 
  16. <YEAR>1988</YEAR> 
  17. </CD> 
  18. <CD> 
  19. <TITLE>Greatest Hits</TITLE> 
  20. <ARTIST>Dolly Parton</ARTIST> 
  21. <COUNTRY>USA</COUNTRY> 
  22. <COMPANY>RCA</COMPANY> 
  23. <PRICE>9.90</PRICE> 
  24. <YEAR>1982</YEAR> 
  25. </CD> 
  26. <CD> 
  27. <TITLE>Still got the blues</TITLE> 
  28. <ARTIST>Gary Moore</ARTIST> 
  29. <COUNTRY>UK</COUNTRY> 
  30. <COMPANY>Virgin records</COMPANY> 
  31. <PRICE>10.20</PRICE> 
  32. <YEAR>1990</YEAR> 
  33. </CD> 
  34. <CD> 
  35. <TITLE>Eros</TITLE> 
  36. <ARTIST>Eros Ramazzotti</ARTIST> 
  37. <COUNTRY>EU</COUNTRY> 
  38. <COMPANY>BMG</COMPANY> 
  39. <PRICE>9.90</PRICE> 
  40. <YEAR>1997</YEAR> 
  41. </CD> 
  42. <CD> 
  43. <TITLE>One night only</TITLE> 
  44. <ARTIST>Bee Gees</ARTIST> 
  45. <COUNTRY>UK</COUNTRY> 
  46. <COMPANY>Polydor</COMPANY> 
  47. <PRICE>10.90</PRICE> 
  48. <YEAR>1998</YEAR> 
  49. </CD> 
  50. <CD> 
  51. <TITLE>Sylvias Mother</TITLE> 
  52. <ARTIST>Dr.Hook</ARTIST> 
  53. <COUNTRY>UK</COUNTRY> 
  54. <COMPANY>CBS</COMPANY> 
  55. <PRICE>8.10</PRICE> 
  56. <YEAR>1973</YEAR> 
  57. </CD> 
  58. <CD> 
  59. <TITLE>Maggie May</TITLE> 
  60. <ARTIST>Rod Stewart</ARTIST> 
  61. <COUNTRY>UK</COUNTRY> 
  62. <COMPANY>Pickwick</COMPANY> 
  63. <PRICE>8.50</PRICE> 
  64. <YEAR>1990</YEAR> 
  65. </CD> 
  66. <CD> 
  67. <TITLE>Romanza</TITLE> 
  68. <ARTIST>Andrea Bocelli</ARTIST> 
  69. <COUNTRY>EU</COUNTRY> 
  70. <COMPANY>Polydor</COMPANY> 
  71. <PRICE>10.80</PRICE> 
  72. <YEAR>1996</YEAR> 
  73. </CD> 
  74. <CD> 
  75. <TITLE>When a man loves a woman</TITLE> 
  76. <ARTIST>Percy Sledge</ARTIST> 
  77. <COUNTRY>USA</COUNTRY> 
  78. <COMPANY>Atlantic</COMPANY> 
  79. <PRICE>8.70</PRICE> 
  80. <YEAR>1987</YEAR> 
  81. </CD> 
  82. <CD> 
  83. <TITLE>Black angel</TITLE> 
  84. <ARTIST>Savage Rose</ARTIST> 
  85. <COUNTRY>EU</COUNTRY> 
  86. <COMPANY>Mega</COMPANY> 
  87. <PRICE>10.90</PRICE> 
  88. <YEAR>1995</YEAR> 
  89. </CD> 
  90. <CD> 
  91. <TITLE>1999 Grammy Nominees</TITLE> 
  92. <ARTIST>Many</ARTIST> 
  93. <COUNTRY>USA</COUNTRY> 
  94. <COMPANY>Grammy</COMPANY> 
  95. <PRICE>10.20</PRICE> 
  96. <YEAR>1999</YEAR> 
  97. </CD> 
  98. <CD> 
  99. <TITLE>For the good times</TITLE> 
  100. <ARTIST>Kenny Rogers</ARTIST> 
  101. <COUNTRY>UK</COUNTRY> 
  102. <COMPANY>Mucik Master</COMPANY> 
  103. <PRICE>8.70</PRICE> 
  104. <YEAR>1995</YEAR> 
  105. </CD> 
  106. <CD> 
  107. <TITLE>Big Willie style</TITLE> 
  108. <ARTIST>Will Smith</ARTIST> 
  109. <COUNTRY>USA</COUNTRY> 
  110. <COMPANY>Columbia</COMPANY> 
  111. <PRICE>9.90</PRICE> 
  112. <YEAR>1997</YEAR> 
  113. </CD> 
  114. <CD> 
  115. <TITLE>Tupelo Honey</TITLE> 
  116. <ARTIST>Van Morrison</ARTIST> 
  117. <COUNTRY>UK</COUNTRY> 
  118. <COMPANY>Polydor</COMPANY> 
  119. <PRICE>8.20</PRICE> 
  120. <YEAR>1971</YEAR> 
  121. </CD> 
  122. <CD> 
  123. <TITLE>Soulsville</TITLE> 
  124. <ARTIST>Jorn Hoel</ARTIST> 
  125. <COUNTRY>Norway</COUNTRY> 
  126. <COMPANY>WEA</COMPANY> 
  127. <PRICE>7.90</PRICE> 
  128. <YEAR>1996</YEAR> 
  129. </CD> 
  130. <CD> 
  131. <TITLE>The very best of</TITLE> 
  132. <ARTIST>Cat Stevens</ARTIST> 
  133. <COUNTRY>UK</COUNTRY> 
  134. <COMPANY>Island</COMPANY> 
  135. <PRICE>8.90</PRICE> 
  136. <YEAR>1990</YEAR> 
  137. </CD> 
  138. <CD> 
  139. <TITLE>Stop</TITLE> 
  140. <ARTIST>Sam Brown</ARTIST> 
  141. <COUNTRY>UK</COUNTRY> 
  142. <COMPANY>A and M</COMPANY> 
  143. <PRICE>8.90</PRICE> 
  144. <YEAR>1988</YEAR> 
  145. </CD> 
  146. <CD> 
  147. <TITLE>Bridge of Spies</TITLE> 
  148. <ARTIST>T'Pau</ARTIST> 
  149. <COUNTRY>UK</COUNTRY> 
  150. <COMPANY>Siren</COMPANY> 
  151. <PRICE>7.90</PRICE> 
  152. <YEAR>1987</YEAR> 
  153. </CD> 
  154. <CD> 
  155. <TITLE>Private Dancer</TITLE> 
  156. <ARTIST>Tina Turner</ARTIST> 
  157. <COUNTRY>UK</COUNTRY> 
  158. <COMPANY>Capitol</COMPANY> 
  159. <PRICE>8.90</PRICE> 
  160. <YEAR>1983</YEAR> 
  161. </CD> 
  162. <CD> 
  163. <TITLE>Midt om natten</TITLE> 
  164. <ARTIST>Kim Larsen</ARTIST> 
  165. <COUNTRY>EU</COUNTRY> 
  166. <COMPANY>Medley</COMPANY> 
  167. <PRICE>7.80</PRICE> 
  168. <YEAR>1983</YEAR> 
  169. </CD> 
  170. <CD> 
  171. <TITLE>Pavarotti Gala Concert</TITLE> 
  172. <ARTIST>Luciano Pavarotti</ARTIST> 
  173. <COUNTRY>UK</COUNTRY> 
  174. <COMPANY>DECCA</COMPANY> 
  175. <PRICE>9.90</PRICE> 
  176. <YEAR>1991</YEAR> 
  177. </CD> 
  178. <CD> 
  179. <TITLE>The dock of the bay</TITLE> 
  180. <ARTIST>Otis Redding</ARTIST> 
  181. <COUNTRY>USA</COUNTRY> 
  182. <COMPANY>Atlantic</COMPANY> 
  183. <PRICE>7.90</PRICE> 
  184. <YEAR>1987</YEAR> 
  185. </CD> 
  186. <CD> 
  187. <TITLE>Picture book</TITLE> 
  188. <ARTIST>Simply Red</ARTIST> 
  189. <COUNTRY>EU</COUNTRY> 
  190. <COMPANY>Elektra</COMPANY> 
  191. <PRICE>7.20</PRICE> 
  192. <YEAR>1985</YEAR> 
  193. </CD> 
  194. <CD> 
  195. <TITLE>Red</TITLE> 
  196. <ARTIST>The Communards</ARTIST> 
  197. <COUNTRY>UK</COUNTRY> 
  198. <COMPANY>London</COMPANY> 
  199. <PRICE>7.80</PRICE> 
  200. <YEAR>1987</YEAR> 
  201. </CD> 
  202. <CD> 
  203. <TITLE>Unchain my heart</TITLE> 
  204. <ARTIST>Joe Cocker</ARTIST> 
  205. <COUNTRY>USA</COUNTRY> 
  206. <COMPANY>EMI</COMPANY> 
  207. <PRICE>8.20</PRICE> 
  208. <YEAR>1987</YEAR> 
  209. </CD> 
  210. </CATALOG> 

希望本文所述對大家的javascript程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
一本一道久久a久久精品逆3p| 97国产精品视频| 久久亚洲影音av资源网| 亚洲免费一在线| 久久久精品电影| 久久影视电视剧凤归四时歌| 久久91精品国产91久久跳| 成人激情在线播放| 日韩精品极品在线观看播放免费视频| 91免费版网站入口| 色综合亚洲精品激情狠狠| 国产精品第3页| 国产精品久久久久久五月尺| 亚洲精品美女在线| 国产高清视频一区三区| 91精品国产91久久久久| 亚洲系列中文字幕| 亚洲男人天堂2019| 成人精品久久av网站| 国产精品露脸av在线| 中文字幕精品影院| 国产精品午夜国产小视频| 国产一区二区三区视频| 欧美一级片在线播放| 国产精品精品久久久久久| 国产欧美一区二区三区在线| 亚洲欧美日韩精品久久奇米色影视| 久久久久亚洲精品成人网小说| 欧美交受高潮1| 久久精品国产亚洲精品| 亚洲一区久久久| 久久久免费观看视频| 在线免费观看羞羞视频一区二区| 成人高h视频在线| 亚洲精品电影网在线观看| 欧美理论电影在线观看| 欧美日韩在线视频一区二区| 日韩在线视频免费观看| 国产成人高潮免费观看精品| 亚洲精品国产免费| 亚洲偷欧美偷国内偷| 亚洲成人精品视频在线观看| 亚洲欧美中文字幕| 国产精品老牛影院在线观看| 久久色免费在线视频| 亚洲国产精品电影在线观看| 69久久夜色精品国产69乱青草| 日韩av在线一区| 国产精品亚洲一区二区三区| 欧美性视频精品| 欧美电影免费观看| 一区二区成人精品| 亚洲成**性毛茸茸| 亚洲午夜激情免费视频| 国产免费观看久久黄| 日韩欧美在线视频日韩欧美在线视频| 欧美在线观看网址综合| 久久全球大尺度高清视频| 91sa在线看| 国产日韩精品一区二区| 亚洲人精品午夜在线观看| 国产精品久久久久久久久久新婚| 国产精品久久电影观看| 久久久久这里只有精品| 欧美性xxxxhd| 日韩精品在线视频美女| 亚洲一区av在线播放| 久久精品91久久香蕉加勒比| 夜夜嗨av色一区二区不卡| 国产精品27p| 久久大大胆人体| 久久99精品国产99久久6尤物| 亚洲欧美日韩图片| 亚洲精品久久久一区二区三区| 美女精品视频一区| 欧美日韩国产在线| 精品国产电影一区| 91沈先生作品| 蜜臀久久99精品久久久无需会员| 欧美成年人视频| 国产欧美亚洲视频| 中文字幕欧美精品日韩中文字幕| 97欧美精品一区二区三区| 精品视频www| 九九热99久久久国产盗摄| 国内精品小视频| 色综合久久久888| 精品亚洲aⅴ在线观看| 国产成人aa精品一区在线播放| 国产精品视频999| 久久99国产精品久久久久久久久| 91日本视频在线| 国产精品白嫩初高中害羞小美女| 欧美孕妇毛茸茸xxxx| 91美女高潮出水| 伊人激情综合网| 日本精品一区二区三区在线| 亚洲成人av中文字幕| 国产精品亚洲第一区| 欧美日韩性视频在线| 日韩激情视频在线播放| 色樱桃影院亚洲精品影院| 欧美成人精品h版在线观看| 久久久久这里只有精品| 欧美在线视频一区| 亚洲国产中文字幕在线观看| 97国产一区二区精品久久呦| 九九精品视频在线观看| 亚洲午夜未删减在线观看| 亚洲福利在线看| 亚洲激情视频网站| 中文字幕亚洲一区二区三区五十路| 久久av在线播放| 欧美精品激情视频| 久久久久久久久久久av| 国产精品久久久久久中文字| 国产噜噜噜噜久久久久久久久| 久久久午夜视频| 亚洲成人精品av| 久久躁狠狠躁夜夜爽| 国产精品一区二区在线| 久久99久久99精品中文字幕| 欧美激情伊人电影| 欧美电影免费播放| 亚洲自拍偷拍色片视频| 久久久久99精品久久久久| 精品国产一区二区三区四区在线观看| 成人福利免费观看| 亚洲色在线视频| 国产一区二区三区在线播放免费观看| 精品国内自产拍在线观看| 国产成人av网址| 深夜成人在线观看| 欧美精品18videosex性欧美| 中文一区二区视频| 日韩av片永久免费网站| 91精品国产成人| 精品久久久91| 国产91亚洲精品| 91久久国产婷婷一区二区| 国产日韩欧美中文在线播放| 久久国产精品久久久| 国产裸体写真av一区二区| 精品国产福利在线| 国产精品青草久久久久福利99| 久久天堂电影网| 国产精品久久久久福利| 久久综合久久美利坚合众国| 性色av一区二区咪爱| 欧美最猛黑人xxxx黑人猛叫黄| 亚洲精品美女视频| 久久精品视频一| 992tv成人免费影院| 国产日韩欧美在线播放| 高清欧美电影在线| 7777kkkk成人观看| 精品无人区太爽高潮在线播放| 久久五月天色综合| 欧美激情视频网站| 国产精品久久久久久久久久免费| 91美女高潮出水| 午夜精品国产精品大乳美女| 欧美日韩国产成人在线观看| 亚洲精品久久久久久久久|