码迷,mamicode.com
首页 > Web开发 > 详细

ajax中网页传输(二)JSON——下拉列表显示练习

时间:2016-05-19 23:27:55      阅读:369      评论:0      收藏:0      [点我收藏+]

标签:

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

ajax中网页传输(二)JSON——下拉列表显示练习

标签:

原文地址:http://www.cnblogs.com/zst062102/p/5510469.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!