半个小时学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 相关文章推荐
encode脚本和normal脚本混用的问题与解决方法
Mar 08 Javascript
javascript function、指针及内置对象
Feb 19 Javascript
JQuery获取浏览器窗口内容部分高度的代码
Feb 24 Javascript
Jquery 自定义动画概述及示例
Mar 29 Javascript
jQuery EasyUI Pagination实现分页的常用方法
May 21 Javascript
Bootstrap 模态框(Modal)带参数传值实例
Aug 20 Javascript
Angular刷新当前页面的实现方法
Nov 21 Javascript
Webpack4 使用Babel处理ES6语法的方法示例
Mar 07 Javascript
Vue侦测相关api的实现方法
May 22 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
Jun 04 Javascript
JS字符串与二进制的相互转化实例代码详解
Jun 28 Javascript
vuex的使用和简易实现
Jan 07 Vue.js
在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
PHP中Session的概念
2006/10/09 PHP
使用字符串函数输出整数化的PHP版本号
2006/10/09 PHP
PHP生成静态页
2006/11/25 PHP
PHP小技巧搜集,每个PHPer都来露一手
2007/01/02 PHP
codeigniter使用技巧批量插入数据实例方法分享
2013/12/31 PHP
php使用json_encode对变量json编码
2014/04/07 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
laravel 框架实现无限级分类的方法示例
2019/10/31 PHP
jQuery循环动画与获取组件尺寸的方法
2015/02/02 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
2015/08/11 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
2015/10/30 Javascript
javascript实现查找数组中最大值方法汇总
2016/02/13 Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
2016/05/13 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
2017/03/21 jQuery
利用JavaScript在网页实现八数码启发式A*算法动画效果
2017/04/16 Javascript
jQuery事件对象的属性和方法详解
2017/09/09 jQuery
JavaScript 性能提升之路(推荐)
2019/04/10 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
2020/10/28 Javascript
微信小程序中target和currentTarget的区别小结
2020/11/06 Javascript
vue+element_ui上传文件,并传递额外参数操作
2020/12/05 Vue.js
[03:49]显微镜下的DOTA2第十五期—VG登基之路完美团
2014/06/24 DOTA
[55:44]完美世界DOTA2联赛决赛 FTD vs Phoenix 第二场 11.08
2020/11/11 DOTA
Python使用scrapy采集数据过程中放回下载过大页面的方法
2015/04/08 Python
python生成随机密码或随机字符串的方法
2015/07/03 Python
Python编写一个优美的下载器
2018/04/15 Python
详解Python中的type和object
2018/08/15 Python
Python访问MongoDB,并且转换成Dataframe的方法
2018/10/15 Python
Python实现连接MySql数据库及增删改查操作详解
2019/04/16 Python
通过代码简单了解django model序列化作用
2020/11/12 Python
伦敦高级内衣品牌:Agent Provocateur(大内密探)
2016/08/23 全球购物
专科毕业生自我鉴定
2013/12/01 职场文书
房产代理公证处委托书
2014/04/04 职场文书
小学模范班主任事迹材料
2014/05/13 职场文书
优秀班主任经验交流材料
2014/06/02 职场文书
创业计划书之电动车企业
2019/10/11 职场文书
创业计划书之酒厂
2019/10/14 职场文书