半個小時學(xué)json(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: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);
?>
上面的就是一個演示,具體的一般都是通過獲取后臺數(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ù)組,所以需要遍歷輸出
未解決:中文傳遞問題-->
JQuery ajax 返回json時出現(xiàn)中文亂碼該如何解決:http://chabaoo.cn/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); ?>
相關(guān)文章
Javascript生成json的函數(shù)代碼(可以用php的json_decode解碼)
這幾天迷上了JSON,連項(xiàng)目中一些XML的工作都交給了JSON,話說JSON真的比XML方便的多啊2012-06-06
深入淺析同源與跨域,jsonp(函數(shù)封裝),CORS原理
這篇文章主要介紹了同源與跨域,jsonp(函數(shù)封裝),CORS原理,從同源政策中Ajax限制,到跨域問題以及跨域問題的解決方法幫大家更加深入的去了解其中原理2021-08-08
JS解析后臺返回的JSON格式數(shù)據(jù)實(shí)例
今天小編就為大家分享一篇JS解析后臺返回的JSON格式數(shù)據(jù)實(shí)例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
詳解JSON1:使用TSQL查詢數(shù)據(jù)和更新JSON數(shù)據(jù)
這篇文章主要介紹了使用TSQL查詢數(shù)據(jù)和更新JSON數(shù)據(jù),具有一定的參考價值,感興趣的小伙伴們可以參考一下。2016-11-11
詳解Java中String JSONObject JSONArray List<實(shí)體類>轉(zhuǎn)換
這篇文章主要介紹了詳解String JSONObject JSONArray List<實(shí)體類>轉(zhuǎn)換,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11

