How to Use ajax to dynamically read xml file content _ javascript tips-JS tutorial

This article mainly introduces how to use ajax to dynamically read xml file content. The example analyzes Ajax's XML file operation skills and has some reference value, for more information about how to use ajax to dynamically read xml files, see the example in this article. Share it with you for your reference. The specific analysis is as follows:

The following JS Code reads the note. xml file and fills in the relevant fields.

The HTML file code is as follows:

《script》function loadXMLDoc(url){var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200)  {  document.getElementById('A1').innerHTML=xmlhttp.status;  document.getElementById('A2').innerHTML=xmlhttp.statusText;  document.getElementById('A3').innerHTML=xmlhttp.responseText;  } }xmlhttp.open("GET",url,true);xmlhttp.send();}《script》Retrieve data from XML file
Status:
Status text:
Response:
Get XML data

The content of the xml file is as follows:

 
  
   Tove
  
  
   Jani
  
  
   Reminder
  Don't forget me this weekend!
 

I hope this article will help you design javascript programs.