1. 创建 XML 文件：
创建一个包含一些简单数据的 XML 文件，比如 data.xml：
<?xml version="1.0" encoding="UTF-8"?>
<users>
<user>
<id>1</id>
<name>John Doe</name>
<email>john@example.com</email>
</user>
<user>
<id>2</id>
<name>Jane Smith</name>
<email>jane@example.com</email>
</user>
</users>
2. 创建前端页面（HTML + JavaScript）：
创建一个 HTML 页面，包含一个按钮和用于显示用户数据的容器。
<!DOCTYPE html>
<html>
<head>
<title>PHP AJAX XML Example</title>
<script>
function fetchUserData() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
parseXml(this.responseXML);
}
};
xhttp.open("GET", "fetch_users.php", true);
xhttp.send();
}
function parseXml(xml) {
var users = xml.getElementsByTagName("user");
var output = "";
for (var i = 0; i < users.length; i++) {
var id = users[i].getElementsByTagName("id")[0].textContent;
var name = users[i].getElementsByTagName("name")[0].textContent;
var email = users[i].getElementsByTagName("email")[0].textContent;
output += "<p>ID: " + id + ", Name: " + name + ", Email: " + email + "</p>";
}
document.getElementById("userList").innerHTML = output;
}
</script>
</head>
<body>
<button onclick="fetchUserData()">Fetch User Data</button>
<div id="userList"></div>
</body>
</html>
3. 创建服务器端 PHP 脚本：
创建一个 PHP 脚本，用于读取 XML 文件并将其作为响应发送给前端。
<!-- fetch_users.php -->
<?php
$xmlFile = "data.xml";
$xml = simplexml_load_file($xmlFile);
header("Content-type: text/xml");
echo $xml->asXML();
?>
4. 运行应用：
将 HTML 文件、PHP 文件和 XML 文件放置在支持 PHP 的 web 服务器上，然后通过浏览器访问 HTML 文件。点击按钮时，JavaScript 将通过 AJAX 请求从 PHP 脚本中获取 XML 数据，并将其解析并显示在页面上。
请注意，实际应用中可能需要考虑错误处理、安全性、以及在处理复杂 XML 结构时的更高级的 XML 解析和处理方法。
转载请注明出处：http://www.pingtaimeng.com/article/detail/3634/PHP