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


Posted in Javascript onDecember 25, 2016

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://3water.com/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);
?>
Javascript 相关文章推荐
javascript 表单验证常见正则
Sep 28 Javascript
Jquery之Ajax运用 学习运用篇
Sep 26 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 Javascript
原生JS实现美图瀑布流布局赏析
Sep 07 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
Mar 04 Javascript
angularjs之$timeout指令详解
Jun 13 Javascript
聊聊JS动画库 Velocity.js的使用
Mar 13 Javascript
浅析Vue 和微信小程序的区别、比较
Aug 03 Javascript
如何用Node写页面爬虫的工具集
Oct 26 Javascript
微信小程序模板template简单用法示例
Dec 04 Javascript
微信小程序日历效果
Dec 29 Javascript
详解小程序用户登录状态检查与更新实例
May 15 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
Dec 25 #Javascript
JS如何生成一个不重复的ID的函数
Dec 25 #Javascript
js Canvas实现的日历时钟案例分享
Dec 25 #Javascript
ES6概念 Symbol toString()方法
Dec 25 #Javascript
ES6概念 Symbol.keyFor()方法
Dec 25 #Javascript
ES6概念 ymbol.for()方法
Dec 25 #Javascript
ES2015 Symbol 一种绝不重复的值
Dec 25 #Javascript
You might like
从Web查询数据库之PHP与MySQL篇
2009/09/25 PHP
php生成随机密码的三种方法小结
2010/09/04 PHP
解析phpstorm + xdebug 远程断点调试
2013/06/20 PHP
PHP中$this和$that指针使用实例
2015/01/06 PHP
10条php编程小技巧
2015/07/07 PHP
PHP命名空间namespace用法实例分析
2016/09/27 PHP
单击按钮显示隐藏子菜单经典案例
2013/01/04 Javascript
jQuery异步获取json数据方法汇总
2014/12/22 Javascript
jquery实现标题字体变换的滑动门菜单效果
2015/09/07 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
2015/09/12 Javascript
使用JQuery选择HTML遍历函数的方法
2016/09/17 Javascript
jQuery序列化后的表单值转换成Json
2017/06/16 jQuery
Node.js+ELK日志规范的实现
2019/05/23 Javascript
JavaScript 类的封装操作示例详解
2020/05/16 Javascript
Python基于socket模块实现UDP通信功能示例
2018/04/10 Python
python matlibplot绘制3D图形
2018/07/02 Python
在Mac上删除自己安装的Python方法
2018/10/29 Python
代码详解django中数据库设置
2019/01/28 Python
Python实现一个带权无回置随机抽选函数的方法
2019/07/24 Python
python单例模式的多种实现方法
2019/07/26 Python
利用Tensorflow构建和训练自己的CNN来做简单的验证码识别方式
2020/01/20 Python
tensorflow实现训练变量checkpoint的保存与读取
2020/02/10 Python
详解BeautifulSoup获取特定标签下内容的方法
2020/12/07 Python
Python基于argparse与ConfigParser库进行入参解析与ini parser
2021/02/02 Python
CSS3地图动态实例代码(圆圈向外扩散)
2018/06/15 HTML / CSS
美国椅子和沙发制造商:La-Z-Boy
2020/10/25 全球购物
PHP如何设置和取得Cookie值
2015/06/30 面试题
Java如何支持I18N?
2016/10/31 面试题
营业员实习自我鉴定
2013/12/07 职场文书
中专生自我鉴定范文
2013/12/19 职场文书
小学生期末自我鉴定
2014/01/19 职场文书
青年教师培训方案
2014/02/06 职场文书
民主评议教师党员自我评价
2015/03/04 职场文书
警示教育片观后感
2015/06/17 职场文书
2019年房屋委托租赁合同范本(通用版)!
2019/07/17 职场文书
使用python绘制分组对比柱状图
2022/04/21 Python