5月17 AJAX返回类型-------JSON和XML

时间：2023-03-09 04:02:37
5月17 AJAX返回类型-------JSON和XML

ajax返回类型有TEXT,JSON,XML

一.TEXT

　　查看之前的练习

二.JSON

var js = {

　　　　　　　　　　aa:{code:"p001",name:"张三"},

　　　　　　　　　　 bb:{code:"p002",name:"李四"},

　　　　　　　　};

　　　　　　　　　　for(key in js)

　　　　　　　　　　{

　　　　　　　　　　　　　　alert(key);

　　　　　　　　　　}

显示数据页面----显示结果是索引数组

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>返回类型JSON</title>

<script src="../jquery-1.11.2.min.js">

</script>

</head>

<body>

<select id="sel"></select>

</body>

</html>

<script type="text/javascript">

$(document).ready(function(e) {

	$.ajax({

		url:"chulijson.php",

		dataType:"JSON",

		success: function(data){

			//alert(data);

			/*var str ="";//方法一

			for(k in data)

			{

				str+="<option value='"+data[k][0]+"'>"+data[k][1]+"</option>";

			}			

			$("#sel").html(str);*/

			var str ="";//方法二

			for(var i=0;i<data.length;i++)

			{

				str+="<option value='"+data[i][0]+"'>"+data[i][1]+"</option>";

			}

			$("#sel").html(str);

			}

		});

});

</script>

　　

处理页面

<?php

include("DBDA.php");

$db = new DBDA();

$sql = "select * from Nation";

$attr = $db->Query($sql);

echo json_encode($attr);

　　效果展示

5月17 AJAX返回类型-------JSON和XML

三.XML

XML：页面之间传递数据，跨平台传递

HTML：超文本标记语言,核心标签

XML特点：
1.标签名可以自己定义
2.有且只有一个根
3.大小写敏感
4.标签必须完整

书写规则如下所示：

<xml version='1.0'>
<Nation>     //自定义并且成对出现有且只有一个
　　<one>
　　　　<code>111</code>
　　　　<name>qqq</name>
　　　</one>

　　<two>
　　　　<code>222</code>
　　　　<Name>ppp</Name>
　　</two>
</Nation>

在网页中显示结果是：111  qqq   222   ppp

上面例题的另一种做法

数据显示页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>返回类型之XML</title>

<script src="../jquery-1.11.2.min.js">

</script>

</head>

<body>

<select id="sel"></select>

</body>

</html>

<script type="text/javascript">

$(document).ready(function(e) {

	$.ajax({

		url:"chuliXML.php",

		dataType:"XML",

		success: function(data){

			//alert(data);

			var ch = $(data).find("nation").children();

			var str ="";

			for(var i=0;i<ch.length;i++)

			{

				var code = $(ch[i]).find("code").text();

				var name = $(ch[i]).find("name").text();

				str+="<option value='"+code+"'>"+name+"</option>";

			}

			$("#sel").html(str);

			}

		});

});

</script>

　　

处理页面

<?php

include("DBDA.php");

$db = new DBDA();

$sql = "select * from Nation";

$attr = $db->Query($sql);

echo "<nation>";

foreach($attr as $k=>$v)

{

	echo "<shuju{$k}>";

		echo "<code>{$v[0]}</code>";

		echo "<name>{$v[1]}</name>";

	echo "</shuju{$k}>";

}

echo "</nation>";

　　

       　　

相关文章