当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 半个小时学json(json传递示例)

半个小时学json(json传递示例)

2019年04月03日  | 移动技术网IT编程  | 我要评论

json传递（一维数组）

js代码

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$.getjson("a.php",{id:1, name:encodeuri('李智'), gender:encodeuri('男')},function(json){
					var json=eval(json);
					var html = '<select>'
          html += '<option value="' +json['id']+'">'+decodeuri(json['name'])+'</option>';
					html += '</select>';
					html += '<span>'+json['gender']+'</span>';
					$('#aa').html(html);
		});
	});
</script>
<div id="aa"></div>

php代码

<?php
/*
write by lizhi
2009-10-26
*/
	$id = $_get['id'];
	$name = $_get['name'];
	$gender = $_get['gender'];
	$arr2 = array("id"=>$id, "name"=>urldecode($name), "gender"=>urldecode($gender));
	echo json_encode($arr2);
?>

上面的就是一个演示，具体的一般都是通过获取后台数据返回json

json传递示例（二维数组）

js代码

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$.getjson("a.php",{id:1, name:'admin', gender:'男'},function(json){
					var json=eval(json);
					var html = '<select>'
					$.each(json, function(k) 
          {
            html += '<option value="' +json[k]['id']+'">'+decodeuri(json[k]['name'])+'</option>'; 
          });
					html += '</select>'
					$('#aa').html(html);
		});
	});
</script>
<div id="aa"></div>

<!--利用jquery返回json数组，返回的为二维数组，所以需要遍历输出
未解决：中文传递问题-->

jquery ajax 返回json时出现中文乱码该如何解决：

php代码

<?php
/*
	write by lizhi 
	2009-10-26
*/
$json = array ( 
 0 => 
 array ( 
  'id' => '13', 
  'name' => 'lizhi', 
 ), 
 1 => 
 array ( 
  'id' => '17', 
  'name' => 'admin', 
 )
 );
echo json_encode($json);
?>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网