快捷導(dǎo)航

半個(gè)小時(shí)學(xué)json(json傳遞示例)

更新時(shí)間：2016年12月25日 17:18:15 投稿：mdxy-dxy

這篇文章主要介紹了半個(gè)小時(shí)學(xué)json(json傳遞示例),主要包括一維數(shù)組與二維數(shù)組，需要的朋友可以參考下

json傳遞（一維數(shù)組）

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

上面的就是一個(gè)演示，具體的一般都是通過(guò)獲取后臺(tái)數(shù)據(jù)返回json

json傳遞示例（二維數(shù)組）

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數(shù)組，返回的為二維數(shù)組，所以需要遍歷輸出
未解決：中文傳遞問(wèn)題-->

JQuery ajax 返回json時(shí)出現(xiàn)中文亂碼該如何解決：http://m.fzitv.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);
?>

json傳遞示例

相關(guān)文章

Javascript生成json的函數(shù)代碼(可以用php的json_decode解碼)
這幾天迷上了JSON，連項(xiàng)目中一些XML的工作都交給了JSON，話說(shuō)JSON真的比XML方便的多啊
2012-06-06
深入分析jsonp協(xié)議原理
JSONP的最基本的原理是：動(dòng)態(tài)添加一個(gè)<script>標(biāo)簽，而script標(biāo)簽的src屬性是沒(méi)有跨域的限制的。這樣說(shuō)來(lái)，這種跨域方式其實(shí)與ajax XmlHttpRequest協(xié)議無(wú)關(guān)了。
2015-09-09
深入淺析同源與跨域,jsonp(函數(shù)封裝),CORS原理
這篇文章主要介紹了同源與跨域,jsonp(函數(shù)封裝),CORS原理，從同源政策中Ajax限制，到跨域問(wèn)題以及跨域問(wèn)題的解決方法幫大家更加深入的去了解其中原理
2021-08-08
JSON 和 JavaScript eval使用說(shuō)明
JSON (JavaScript Object Notation) 一種輕量級(jí)的數(shù)據(jù)交換格式，比 XML 更輕巧，JSON 是JavaScript 原生格式，這意味著 JavaScript 中處理 JSON 數(shù)據(jù)不需要任何 API 和工具包。
2010-06-06
json 實(shí)例詳細(xì)說(shuō)明教程
這是個(gè)人在最近使用json時(shí)做的總結(jié)，拿出來(lái)給沒(méi)接觸過(guò)的小弟們曬曬，適用與沒(méi)接觸過(guò)json的人員，其中json2。js請(qǐng)到j(luò)son官網(wǎng)下載。
2009-10-10
JS解析后臺(tái)返回的JSON格式數(shù)據(jù)實(shí)例
今天小編就為大家分享一篇JS解析后臺(tái)返回的JSON格式數(shù)據(jù)實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
父子窗體間傳遞JSON格式的數(shù)據(jù)的代碼
在開(kāi)發(fā)的項(xiàng)目中，遇到這樣一個(gè)例子：當(dāng)用戶選擇某一個(gè)用戶名時(shí)，彈出當(dāng)前用戶的評(píng)分卷，該評(píng)分卷列出了所有一級(jí)評(píng)分項(xiàng)，讓用戶進(jìn)行評(píng)分操作。
2010-12-12
Javascript 通過(guò)json自動(dòng)生成Dom的代碼
主要還是通過(guò)遞歸和迭代來(lái)遍歷json成員生成html元素 ,比較好的是num能制定循環(huán)次數(shù)可以少寫(xiě)很多代碼.具體應(yīng)用看場(chǎng)景了
2010-04-04
詳解JSON1：使用TSQL查詢數(shù)據(jù)和更新JSON數(shù)據(jù)
這篇文章主要介紹了使用TSQL查詢數(shù)據(jù)和更新JSON數(shù)據(jù),具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2016-11-11
詳解Java中String JSONObject JSONArray List<實(shí)體類>轉(zhuǎn)換
這篇文章主要介紹了詳解String JSONObject JSONArray List<實(shí)體類>轉(zhuǎn)換，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-11-11