jquery處理json對(duì)象
在服務(wù)器端的php腳本:
<?php
$data['id'] = 1;
$dat['name'] = "mary";
$da['red']= array_merge($data,$dat);
$data1['id'] = 2;
$dat1['name'] = "燕子";
$da['blue']= array_merge($data1,$dat1);
print_r($da); //打印出來是一個(gè)二維數(shù)組(如下)
/*
Array
(
[red] => Array
(
[id] => 1
[name] => mary
)
[blue] => Array
(
[id] => 2
[name] => 燕子
)
)
*/
echo json_encode($da);//輸出的是一個(gè)轉(zhuǎn)化成json格式的字符串,可以直接在js中用(如下)
/*
{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}}
*/
?>
jquery腳本:
返回到j(luò)s后的處理:
第一種要用到varl轉(zhuǎn)化的:是字符串的時(shí)候就要用eval轉(zhuǎn)化成jquery對(duì)象(如下)
var arr = '{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}}'; //\u71d5\u5b50這個(gè)是php中自動(dòng)轉(zhuǎn)換的
var dataObj = eval("("+arr+")"); //這里要加上加好括號(hào)和雙引號(hào)的原因我也不知道,就當(dāng)是json語法,只能死記硬背了
$.each(dataObj,function(idx,item){
//輸出
alert(item.id+"哈哈"+item.name);
})
第二種:不需要轉(zhuǎn)化的:
var arr = {"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}};
$.each(arr,function(idx,item){
//輸出
alert(item.id+"哈哈"+item.name);
})
循環(huán)也有兩種方法:
//方法一:
$.each(arr,function(idx,item){
//輸出
alert(item.id+"哈哈"+item.name);
})
//方法二:
for(var key in arr){
alert(key);
alert(arr[key].status);
}
- jQuery中json對(duì)象的復(fù)制方式介紹(數(shù)組及對(duì)象)
- jQuery怎么解析Json字符串(Json格式/Json對(duì)象)
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象
- JQuery將文本轉(zhuǎn)化成JSON對(duì)象需要注意的問題
- Jquery通過JSON字符串創(chuàng)建JSON對(duì)象
- jquery動(dòng)態(tài)遍歷Json對(duì)象的屬性和值的方法
- 基于jQuery的一個(gè)擴(kuò)展form序列化到j(luò)son對(duì)象
- jQuery實(shí)現(xiàn)form表單元素序列化為json對(duì)象的方法
- jQuery實(shí)現(xiàn)簡單復(fù)制json對(duì)象和json對(duì)象集合操作示例
相關(guān)文章
JQuery判斷checkbox是否選中及其它復(fù)選框操作方法合集
這篇文章主要介紹了JQuery判斷checkbox是否選中及其它復(fù)選框操作方法合集,本文匯總了網(wǎng)上解決這個(gè)問題比較好的幾篇文章,需要的朋友可以參考下2015-06-06jQuery取得元素標(biāo)簽名稱小結(jié)(附代碼)
這篇文章主要介紹了 jquery如何取得元素標(biāo)簽名稱,將html和js代碼附上,具體操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08JQuery實(shí)現(xiàn)左右滾動(dòng)菜單特效
這篇文章主要介紹了jquery實(shí)現(xiàn)左右滑動(dòng)菜單效果代碼,涉及jquery鼠標(biāo)事件相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09jQuery插件ajaxFileUpload使用實(shí)例解析
這篇文章主要為大家詳細(xì)介紹了jQuery插件ajaxFileUpload使用實(shí)例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10jQuery回車實(shí)現(xiàn)登錄簡單實(shí)現(xiàn)
實(shí)現(xiàn)登錄的方法有很多,這里為大家介紹下實(shí)現(xiàn)回車提交表單,具體如下,感興趣的朋友可以參考下2013-08-08jquery動(dòng)態(tài)調(diào)整div大小使其寬度始終為瀏覽器寬度
需要設(shè)置寬度為整個(gè)瀏覽器寬度的div,當(dāng)然我們可以使用相對(duì)布局的方式做到這一點(diǎn),下面是具體實(shí)現(xiàn),大家可以參考下2014-06-06jquery 實(shí)現(xiàn)二級(jí)/三級(jí)/多級(jí)聯(lián)動(dòng)菜單的思路及代碼
jQuery的AJAX功能和asp.net來實(shí)現(xiàn)省市區(qū)的三級(jí)聯(lián)動(dòng)效果,其他二級(jí)、三級(jí)或多級(jí)聯(lián)動(dòng)也可以按照此方法完成,由此需求的朋友可以參考下哈,希望可以幫助到你2013-04-04了解jQuery技巧來提高你的代碼(個(gè)人覺得那個(gè)jquery的手冊很不錯(cuò))
這個(gè)jQuery選擇器實(shí)驗(yàn)室非常酷,它能在線免費(fèi)使用,當(dāng)然你也能下來到本地離線使用。這個(gè)測試頁面包含復(fù)雜的HTML組合字段,然后你能嘗試預(yù)定義使用各種jQuery選擇器。如果這還不夠你也可以自定義選擇器2012-02-02jQuery插件FusionCharts繪制的2D帕累托圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制的2D帕累托圖效果,結(jié)合實(shí)例形式分析了jQuery使用FusionCharts插件載入xml數(shù)據(jù)及繪制2D帕累托圖的具體實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03