半个小时学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 QueryString解析类代码
Jan 17 Javascript
ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值
Feb 03 Javascript
JS关键字球状旋转效果的实例代码
Nov 29 Javascript
JavaScript数据类型检测代码分享
Jan 26 Javascript
js实现将选中内容分享到新浪或腾讯微博
Dec 16 Javascript
详解js的六大数据类型
Dec 27 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
Sep 05 Javascript
javascript获取图片的top N主色值方法详解
Jan 26 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
Dec 30 Javascript
JS代码检查工具ESLint介绍与使用方法
Feb 04 Javascript
js 获取扫码枪输入数据的方法
Jun 10 Javascript
Vue组件通信$attrs、$listeners实现原理解析
Sep 03 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
PHP 读取大文件的X行到Y行内容的实现代码
2013/06/24 PHP
php 使用array函数实现分页
2015/02/13 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
php 命名空间(namespace)原理与用法实例小结
2019/11/13 PHP
JavaScript浏览器选项卡效果
2010/08/25 Javascript
js 分页全选或反选标识实现代码
2011/08/09 Javascript
侧栏跟随滚动的简单实现代码
2013/03/18 Javascript
Spring mvc 接收json对象
2015/12/10 Javascript
ECMAScript6快速入手攻略
2016/07/18 Javascript
用JS写的一个Ajax库(实例代码)
2016/08/06 Javascript
Javascript中作用域的详细介绍
2016/10/06 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
2016/12/28 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
2017/10/11 Javascript
JS实现前端页面的搜索功能
2018/06/12 Javascript
Angular6项目打包优化的实现方法
2019/12/15 Javascript
微信小程序实现同时上传多张图片
2020/02/03 Javascript
Vue父组件向子组件传值以及data和props的区别详解
2020/03/02 Javascript
JavaScript如何使用插值实现图像渐变
2020/06/28 Javascript
[00:35]DOTA2上海特级锦标赛 EG战队宣传片
2016/03/04 DOTA
使用PDB简单调试Python程序简明指南
2015/04/25 Python
在Python中使用正则表达式的方法
2015/08/13 Python
Python端口扫描简单程序
2016/11/10 Python
python numpy函数中的linspace创建等差数列详解
2017/10/13 Python
Python利用matplotlib.pyplot绘图时如何设置坐标轴刻度
2018/04/09 Python
python在CMD界面读取excel所有数据的示例
2020/09/28 Python
python mongo 向数据中的数组类型新增数据操作
2020/12/05 Python
CSS3颜色值RGBA与渐变色使用介绍
2020/03/06 HTML / CSS
印度首选时尚目的地:Reliance Trends
2018/01/17 全球购物
美国气象仪器、花园装饰和墙壁艺术商店:Wind & Weather
2019/05/29 全球购物
业务代表的岗位职责
2013/11/16 职场文书
车间副主任岗位职责
2013/12/24 职场文书
红领巾广播站广播稿
2014/02/01 职场文书
学校党的群众路线教育实践活动对照检查材料
2014/09/24 职场文书
新娘婚礼致辞
2015/07/27 职场文书
美容院员工规章制度
2015/08/05 职场文书
2007年老电脑安装win11会怎么样? 网友实测win11在老电脑运行良好
2021/11/21 数码科技