本文主要是介绍我的第八个AJAX程序(XML数据传输),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
前端:
common.js
function $(id) {return document.getElementById(id);
}function createXhr(){var xhr;if(window.XMLHttpRequest){xhr = new XMLHttpRequest();}else{xhr = new ActiveXObject("Microsoft XMLHttp");}return xhr;
}
index.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script src="common.js"></script>
</head>
<body><button οnclick="getMsg()">getMsg</button><script>function getMsg() {var xhr = createXhr();xhr.open("get","Student1.php",true);xhr.onreadystatechange = function() {if(xhr.readyState == 4 && xhr.status == 200){var resXML = xhr.responseXML;var studentList = resXML.getElementsByTagName("StudentList")[0];console.log(studentList);var name = studentList.getElementsByTagName("Name")[0].innerHTML;var age = studentList.getElementsByTagName("Age")[0].innerHTML;console.log("姓名:"+name);console.log("年龄:"+age);}}xhr.send(null);}</script>
</body>
</html>
后台:
student1.php
<?php #1、增加响应消息头header("Content-Type:application/xml");#2、拼XML字符串$xml="<?xml version='1.0' encoding='utf-8' ?>";$xml.="<StudentList>";$xml.="<Student>";$xml.="<Name>张三丰</Name>";$xml.="<Age>85</Age>";$xml.="</Student>";$xml.="</StudentList>";#3、将拼好的内容响应给浏览器echo $xml;
?>
这篇关于我的第八个AJAX程序(XML数据传输)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!