The example in this article describes how JS uses the ajax method to obtain the specified field value in the head information of the specified URL. Share it with everyone for your reference. The specific analysis is as follows:
The following JS code is used to obtain the Last modified attribute in the head information of ajax_info.txt, and the last modification time
<!DOCTYPE html> <html> <head> <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('p1').innerHTML="Last modified: " + xmlhttp.getResponseHeader('Last-Modified'); } } xmlhttp.open("GET",url,true); xmlhttp.send(); } </script> </head> <body> <p id="p1">The getResponseHeader() function is used to return specific header information from a resource, like length, server-type, content-type, last-modified, etc.</p> <button onclick="loadXMLDoc('ajax_info.txt')">Get "Last-Modified" information</button> </body> </html>
I hope this article will be helpful to everyone’s JavaScript programming design.