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.....}

posted @ 2016-05-19 22:34  坏小子1993  阅读(291)  评论(0)    收藏  举报