首页 > 代码库 > 使用原生AJAX和PHP 构建和解析XML格式的数据

使用原生AJAX和PHP 构建和解析XML格式的数据

2024-10-11 13:45:02   213人阅读

XML：eXtensible Markup Language，可扩展的标签语言，本身是一种字符串格式，用于描述批量复合数据，

语法特点：

　　 (1)所有的数据放在标签中

　　 (2)整个XML字符串有且只能有一个根标签

        (3)所有的标签名都可以自定义，但严格区分大小写，且开始和结束标记必须完全一样

        (4)每个标签都可以自定义属性，属性必须有值，值必须用单引号/双引号括起来

        (5)每个标签都可以定义任意的子标签，标签可以嵌套，但不能交叉

 

注意：HTML和XML的区别

         HTML语法随意；XML语法严格；

         HTML标签预定义好了；XML标签都是自定义的；

         HTML用于描述网页的结构；XML标签用于描述数据；

 

下面是一段我们需要用来携带数据信息的XML，接下来我们要通过PHP构建XML格式的数据

<?xml version="1.0" encoding="UTF-8" ?> 

<productlist>
	<product pid="101">
		<pname>三星</pname>
		<price>35.50</price>
		<pic>1.jpg</pic>
	</product>
	<product pid="102">
		<pname>闪迪</pname>
		<price>45.50</price>
		<pic>2.jpg</pic>
	</product>
	<product pid="103">
		<pname>金士顿</pname>
		<price>30.50</price>
		<pic>3.jpg</pic>
	</product>
</productlist>

　　

PHP构建XML结构数据并响应

<?php
header(‘Content-Type:application/xml‘);
$conn = mysqli_connect("127.0.0.1","root","","dangdang",3306);
$sql = "SET NAMES UTF8";
mysqli_query($conn,$sql);
$sql = "SELECT * FROM book";
$result = mysqli_query($conn,$sql);
$list = mysqli_fetch_all($result,MYSQLI_ASSOC);
$str = "<?xml version=‘1.0‘ encoding=‘UTF-8‘ ?>";
$str .= "<productlist>";
foreach($list as $b){
	$str .= "<product pid=‘$b[bid]‘><pname>$b[bname]</pname><price>$b[price]</price><pic>$b[pic]</pic></product>";
}
$str .= "</productlist>";
echo $str;

　　

接收XML并解析    因为XML属于XMLDOM对象 只能使用核心DOM方法进行解析

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>...</title>
  <style>
		#btLoadMore{
			display:block;
			width:100%;
			margin: 20px auto;
			padding:5px;
		}

  </style>
 </head>
 <body>
		<table width="100%" border="1">
			<thead>
				<tr>
					<th>编号</th>
					<th>名称</th>
					<th>价格</th>
					<th>图片</th>
				</tr>
			</thead>
			<tbody id="tbodyList">
				<tr>
					<td colspan="4"></td>
				</tr>
			</tbody>
		</table>
		<button id="btLoadMore">加载更多</button>
		<script type="text/javascript">
			btLoadMore.onclick = function(){
				var xhr = new XMLHttpRequest();
				xhr.onreadystatechange = function(){
					if(xhr.readyState===4){
						if(xhr.status==200){
							doResponse(xhr);
						}else{
							alert("响应完成但有问题");
						}
					}
				}
				xhr.open("GET","book_select.php",true);
				xhr.send(null);
				function doResponse(xhr){
					var list= xhr.responseXML.querySelectorAll("product");
					//console.log(list);
					var frag = "";
					for(var i = 0 ; i<list.length ; i++){
						var b = list[i];
						var id = b.getAttribute("bid");
						var bn = b.querySelector("pname").innerHTML;
						var pr = b.querySelector("price").innerHTML;
						var pc = b.querySelector("pic").innerHTML;
						console.log(pc);
						frag+=`<tr>
							　　<td>${bn}</td>
							　　<td>${pr}</td>
							　　<td>${pc}</td>
						　　　　<tr>`;
					}
					tbodyList.innerHTML=frag;
				}
			}
		</script>
 </body>
</html>

　　

使用原生AJAX和PHP 构建和解析XML格式的数据


联系
我们