ajax请求获取xml

    科技2022-08-06  99

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> </head> <body> <script> function createXMLHttpRequest() { let xmlHttp = null; if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else { xmlHttp = new ActiveXObject("ms.xmlhttp"); } return xmlHttp; } let xmlHttp = createXMLHttpRequest(); // 是否异步会影响readyState的状态 // 获取XML时要设置表头,不然报错 //设置请求头,请求头的设置必须在note打开(open)之后,并且在send之前 xmlHttp.open("GET", "./note.xml", false); xmlHttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded') xmlHttp.send(); // 查看状态 xmlHttp.onreadyStatechange = function () { if (xmlHttp.readyState == 0) { console.log("初始化未完成"); } else if (xmlHttp.readyState == 1) { console.log("send未调用"); } else if (xmlHttp.readyState == 2) { console.log("send已调用"); } else if (xmlHttp.readyState == 3) { console.log("开始读取服务器响应"); } else if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { console.log("读取结束"); console.log(xmlHttp.status); } }; xmlHttp.onreadyStatechange(); // responseText时获取文本 let xmlDoc = xmlHttp.responseXML; let h1 = document.createElement('h1'); h1.innerHTML = xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue; document.body.appendChild(h1); </script> </body> </html>
    Processed: 0.016, SQL: 8