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

所属分类: 网络编程 / JavaScript 阅读数: 88
收藏 0 赞 0 分享

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时出现中文乱码该如何解决:https://www.jb51.net/article/72245.htm

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);
?>

更多精彩内容其他人还在看

Canvas实现放射线动画效果

本文主要分享了Canvas实现放射线动画的示例代码。具有很好的参考价值,下面跟着小编一起来看下吧
收藏 0 赞 0 分享

微信小程序 image组件binderror使用例子与js中的onerror区别

这篇文章主要介绍了微信小程序 image组件binderror使用例子与js中的onerror区别的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

原生js轮播(仿慕课网)

本文主要分享了原生js实现仿慕课网的轮播效果。具有很好的参考价值,下面跟着小编一起来看下吧
收藏 0 赞 0 分享

Bootstrap table简单使用总结

这篇文章主要为大家总结了Bootstrap table的简单使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

微信小程序之MaterialDesign--input组件详解

本篇文章主要介绍了微信小程序之MaterialDesign--input组件详解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
收藏 0 赞 0 分享

浅析javaScript中的浅拷贝和深拷贝

本篇文章主要介绍了浅析javaScript中的浅拷贝和深拷贝,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

js时间戳和c#时间戳互转方法(推荐)

下面小编就为大家带来一篇js时间戳和c#时间戳互转方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Bootstrap模态框使用详解

这篇文章主要为大家详细介绍了Bootstrap模态框的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Jil,高效的json序列化和反序列化库

下面小编就为大家带来一篇Jil,高效的json序列化和反序列化库。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

BootStrap实现带关闭按钮功能

这篇文章主要介绍了BootStrap实现带关闭按钮功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多