半个小时学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 相关文章推荐
简单的无缝滚动程序-仅几行代码
May 08 Javascript
firefox下input type=&quot;file&quot;的size是多大
Oct 24 Javascript
JS网页播放声音实现代码兼容各种浏览器
Sep 22 Javascript
JS控制层作圆周运动的方法
Jun 20 Javascript
再谈javascript常见错误及解决方法
Sep 16 Javascript
老生常谈Bootstrap媒体对象
Jul 06 Javascript
浅谈node中的exports与module.exports的关系
Aug 01 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
Sep 18 Javascript
解决vue同一slot在组件中渲染多次的问题
Sep 06 Javascript
vue props传值失败 输出undefined的解决方法
Sep 11 Javascript
在vue中使用vue-echarts-v3的实例代码
Sep 13 Javascript
js将URL网址转为16进制加密与解密函数
Mar 04 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大批量数据操作时临时调整内存与执行时间的方法
2011/04/20 PHP
PHP文件去掉PHP注释空格的函数分析(PHP代码压缩)
2013/07/02 PHP
js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
2013/06/06 Javascript
js实现select跳转功能代码
2014/10/22 Javascript
js实现文本框宽度自适应文本宽度的方法
2015/08/13 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
2016/06/01 Javascript
浅谈js内置对象Math的属性和方法(推荐)
2016/09/19 Javascript
使用 jQuery 实现表单验证功能
2017/07/05 jQuery
基于JavaScript实现评论框展开和隐藏功能
2017/08/25 Javascript
jQuery插件jsonview展示json数据
2018/05/26 jQuery
详解vue-router传参的两种方式
2018/09/10 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
2020/03/05 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
2020/07/17 Javascript
[50:28]LGD女子学院第三期 DOTA2复仇之魂教学
2013/12/24 DOTA
Python实现豆瓣图片下载的方法
2015/05/25 Python
基于Python中求和函数sum的用法详解
2018/06/28 Python
Python爬虫基础之XPath语法与lxml库的用法详解
2018/09/13 Python
python在新的图片窗口显示图片(图像)的方法
2019/07/11 Python
Python 实例方法、类方法、静态方法的区别与作用
2019/08/14 Python
PYTHON EVAL的用法及注意事项解析
2019/09/06 Python
Python 脚本的三种执行方式小结
2019/12/21 Python
解决pyCharm中 module 调用失败的问题
2020/02/12 Python
CSS3 background-image颜色渐变的实现代码
2018/09/13 HTML / CSS
细说CSS3中的选择符
2008/10/17 HTML / CSS
世界上获奖最多的手机镜头:Olloclip
2018/03/03 全球购物
No7 Beauty美国官网:英国国民护肤品牌
2019/10/31 全球购物
销售员自我评价怎么写
2013/09/19 职场文书
致长跑运动员加油稿
2014/02/20 职场文书
竞选班长的演讲稿
2014/04/24 职场文书
民主评议党员自我评价材料
2014/09/18 职场文书
上班迟到检讨书范文300字
2014/11/02 职场文书
董事长助理岗位职责
2015/02/11 职场文书
入党培养人考察意见
2015/06/08 职场文书
李白经典诗之一:全文无一“月”字,却句句有月
2019/07/12 职场文书
基于Java的MathML转图片的方法(示例代码)
2021/06/23 Java/Android
MySQL的全局锁和表级锁的具体使用
2021/08/23 MySQL