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

首頁 > 開發 > AJAX > 正文

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

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

這篇文章主要介紹了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
亚洲精品永久免费| 国产精品视频专区| www.亚洲一区| 91精品久久久久久久久| 国产精品三级在线| 97香蕉超级碰碰久久免费的优势| 日韩美女视频在线观看| 91性高湖久久久久久久久_久久99| 中文字幕在线亚洲| 亚洲人午夜色婷婷| 久久夜色精品国产欧美乱| 欧美成人午夜视频| 色综合久久久888| 成人淫片在线看| 久久夜精品va视频免费观看| 国产精品免费视频xxxx| 久久手机精品视频| 精品亚洲男同gayvideo网站| 精品福利免费观看| 亚洲女人天堂av| 国产婷婷成人久久av免费高清| 国产精品麻豆va在线播放| 欧美高清视频在线播放| 亚洲丁香婷深爱综合| 国产精品夜色7777狼人| 亚洲欧美日韩视频一区| 亚洲黄色片网站| 亚洲国产精品久久91精品| 欧美日韩中文字幕| www.色综合| 欧美一级高清免费| 69av成年福利视频| 91中文在线观看| 欧美老肥婆性猛交视频| 中文字幕在线观看日韩| 欧美日韩另类视频| 精品国产拍在线观看| 欧美性色视频在线| 国内精品国产三级国产在线专| 国模吧一区二区三区| 亚洲一区中文字幕在线观看| 亚洲91精品在线| 欧美精品videossex性护士| 日本精品性网站在线观看| 欧美精品在线第一页| 日韩网站免费观看| …久久精品99久久香蕉国产| 国产精品美女视频网站| 欧美日韩国产一区二区| 欧美激情精品久久久久久变态| 最近2019年好看中文字幕视频| 欧美视频一区二区三区…| 亚洲v日韩v综合v精品v| 午夜精品久久久99热福利| 在线视频欧美日韩| 欧美尺度大的性做爰视频| 永久免费看mv网站入口亚洲| 色偷偷偷综合中文字幕;dd| 精品久久久久久久久久ntr影视| 欧美激情一区二区久久久| 国产精品热视频| 亚洲欧美日韩第一区| 岛国视频午夜一区免费在线观看| 一区二区三区四区精品| 久久夜色精品亚洲噜噜国产mv| 国模吧一区二区三区| 亚洲精品资源美女情侣酒店| 69久久夜色精品国产69乱青草| 91精品国产高清自在线| 91sao在线观看国产| 欧美亚洲在线播放| 精品偷拍一区二区三区在线看| 日韩网站在线观看| 欧美电影免费观看高清| 欧美日韩国产一区二区| www.久久色.com| 国产精品日韩欧美综合| 一个人www欧美| 亚洲无亚洲人成网站77777| 国产精品久久激情| 欧美性猛交xxxx久久久| 国产精品视频一区国模私拍| 亚洲欧美日韩一区二区在线| 中文字幕视频在线免费欧美日韩综合在线看| 午夜剧场成人观在线视频免费观看| 77777亚洲午夜久久多人| 九九热最新视频//这里只有精品| 色婷婷成人综合| 欧美交受高潮1| 欧美日韩中文字幕日韩欧美| 久久久久久久久91| 一区二区三区视频观看| 乱亲女秽乱长久久久| 国产日韩精品在线播放| 欧美精品久久久久a| 欧美精品videosex性欧美| 亚洲一区二区少妇| 成人黄色短视频在线观看| 欧美激情视频在线观看| 久久久久国色av免费观看性色| 久久精品99久久久久久久久| 91最新在线免费观看| 亚洲一区二区国产| 成人信息集中地欧美| 久久免费少妇高潮久久精品99| 97精品欧美一区二区三区| 色综合91久久精品中文字幕| 最近中文字幕mv在线一区二区三区四区| 97涩涩爰在线观看亚洲| 欧美另类99xxxxx| 亚洲激情自拍图| 国产99久久精品一区二区永久免费| 亚洲欧美日韩中文视频| 欧美精品精品精品精品免费| 欧美另类极品videosbest最新版本| 亚洲欧美另类国产| 亚洲欧美日韩视频一区| 日韩亚洲成人av在线| 久久亚洲精品毛片| 欧美日韩国产中字| 欧美日韩在线视频首页| 日本欧美一级片| 国产日韩欧美夫妻视频在线观看| 日韩欧美亚洲综合| 国产欧美一区二区三区久久| 疯狂做受xxxx欧美肥白少妇| 136fldh精品导航福利| 国产精品99一区| 欧亚精品中文字幕| 欧洲永久精品大片ww免费漫画| 欧美成人黄色小视频| 4388成人网| 亚洲人成人99网站| 久久6精品影院| 亚洲精品视频免费在线观看| 久久久噜噜噜久久中文字免| 国产一区二区三区网站| 国内精品久久久| 欧美综合国产精品久久丁香| 亚洲激情视频网| 青青草一区二区| 亚洲欧美自拍一区| 久久久精品美女| 日韩欧美在线免费观看| 2021久久精品国产99国产精品| 日韩中文字幕网址| 亚洲国产精品久久久| 日韩理论片久久| 成人午夜激情网| 欧美日韩xxxxx| 亚洲女人天堂成人av在线| 亚洲人成电影网站色www| 精品成人久久av| 国产精品伦子伦免费视频| 国产91亚洲精品| 欧美视频在线观看免费网址| 日韩在线观看网址| 精品动漫一区二区三区| 欧美激情奇米色| 国产日韩在线播放| 日韩高清电影免费观看完整版| 亚洲精品永久免费精品| 日韩暖暖在线视频| 久久久免费av|