ajax中网页传输（二）JSON——下拉列表显示练习
以json返回数据类型显示“民族下拉列表”
第一：body页面显示部分
<title>JSON下拉显示Nation表中的数据</title> <script src="jquery-2.0.0.min.js"></script> </head> <body> <h1>用下拉显示Nation表中的数据</h1> <select id="sel"> </select> </body>
第二：jscrip中ajax后台函数运行部分
<script type="text/javascript">
$(document).ready(function(e) {
$.ajax({
url:"chuli.php",
dataType:"JSON",
success: function(data){
var str="";
for(k in data)
{
str+="<option value='"+data[k][0]+"'>"+data[k][1]+"</option>";
}
$("#sel").html(str);
}
});
})
</script>
第三：后台调用数据库chuli.php代码
<?php
include("DBDA.class.php");
$db=new DBDA();
$sql="select * from nation";
$attr=$db->Query($sql);
echo json_encode($attr); //json_encode()将数组直接转化为json形式
json_encode()函数可以理解为将数组转化为json形势
json定义形式{key1:value1,
key2:value2,
key3:value3.....}
