我的第八个AJAX程序(XML数据传输)

来源：互联网发布：怎么淘宝放单子编辑：程序博客网时间：2024/06/01 09:01

前端：

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 onclick="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;?>

阅读全文

0 0