本文目錄一覽：
- 1、json在php中的使用之如何轉換json為數組
- 2、jquery怎麼獲取json裡面的數組元素中每一個值？
- 3、前台js 取json 對象數組數據
- 4、jquery如何解析數組（JSONArray）？
- 5、jQuery處理json數據返回數組和輸出的方法
- 6、JS（JQUERY）把數組數據變成JSON數據
json在php中的使用之如何轉換json為數組
看你怎麼傳遞這個json的.
如果是字符串傳遞過去, 那麼這個串要eval 下, 或者使用 json2.js 中的 JSON.parse(jsontext) 方法
附: json2.js 地址:
或者點擊直接下載:
如果是JSONP 協議傳遞過去, 就可以直接使用;
建議採用jquery+ajax模式來處理json, 哪怕是同步的, 調用起來也比直接 post/get 來的方便.
jquery怎麼獲取json裡面的數組元素中每一個值？
給的date是個json字符串，可以先轉成js對象：
let date_obj=JSON.parse(date);
此後date_obj就是一個對象，取到這個數組：
let arr=date_obj.numbers;
然後用索引訪問arr就能取到任意一個元素。
綜合為
JSON.parse(date).numbers[x],x為想取的元素索引，從0開始
前台js 取json 對象數組數據
1、先定義一個json變量。
2、然後定義這個變量的值，其實一個json對象就是一個obj對象。
3、要添加json對象的元素，直接使用數組下標方式，添加鍵和值就行了。
4、要為json對象添加對象，我們可以先創建一個對象。
5、然後也是使用數組下標方式，為其賦值為新的對象變量就行了。
6、在瀏覽器里，我們就可以看到這個json對象了，而且新加的元素和對象都已經在裡面了。
jquery如何解析數組（JSONArray）？
1.數組
語法：
ECMAScript
v3規定了數組直接量的語法，JavaScript
1.2和JScript
3.0實現了它。可以把—個用逗號分隔的表達式列表放在方括號中，創建並初始化—個數組。這些表達式的值將成為數組元素。例如：
var
a
=
[1,
true,
‘abc’];
具體操作查看API.
ps:必須方括號隔開。
2.關聯數組
1.語法：
var
myhash=
{”key1″:”val1″,
“key2″:”val2″
};//obj
2.var
myhash=
{key1:”val1″,
key2:”val2″
};//obj-也可以
ps：跟json格式幾乎相同，但是json格式要求更加嚴格(裡面的鍵值對必須使用雙引號)，但json只能作為一種格式標準，如果要對其進行操作必須轉換成關聯數組對象(obj)。
2.簡單操作
1.向Hash關聯數組添加鍵值
//
添加一個新鍵
newkey
，鍵值為
newval
myhash[”newkey”]
=
“newval”;
2.刪除Hash關聯數組已有鍵值
//
刪除一個鍵
newkey
，同時，該鍵值對應的
newval
也就消失了
delete
myhash[”newkey”];
3.遍歷Hash關聯數組
//
遍歷整個hash
數組
for
(key
in
myhash)
{
val
=
myhash[key];
}
4.獲得值
方式1.myhash.key1
方式2.myhash.key2
3.json
格式要求：
{”key1″:”val1″,
“key2″:”val2″
};//嚴格按照此格式，操作可依照關聯數組的操作
二.前後台交互中幾個關鍵點
1.當服務器發送的數據不是一條json，而是多條json時，則應當聯繫數組和關聯數組來組裝字符串
例如：var
objs
=
[{
id:
1,
name:
‘n_1’
},
{
id:
2,
name:
‘n_2’}];
2.至始至終服務器給客戶端的數據都只是字符串，因此為了讓其能夠在js中對其進行必要的操作，可以通過eval()進行轉換成js可執行的對象。
因此jQuey中提供的$.parseJSON()是有局限的，如果是上面1提到的這種情況則就必須使用eval()進行轉換，然後再通過$.each(objs,function(i,o){…})進行操作
jQuery處理json數據返回數組和輸出的方法
這篇文章主要介紹了jQuery處理json數據返回數組和輸出的方法,涉及jQuery操作數組及json的技巧,需要的朋友可以參考下
本文實例講述了jQuery處理json數據返回數組和輸出的方法。分享給大家供大家參考。具體實現方法如下：
代碼如下:
the
json
object
*
*$(“selector”).print_r_json(json,opts)
:
return
formatted
string
(and
print)
*sprint_r_json
:
just
return
the
string;
*print_r_json
:
return
the
formatted
string
and
json
data
*contribute
明河
*
*auth
iorichina
*
*example:
*3
ways
to
use
it
*script
language=”javascript”
*$(“selector”).print_r_json({“a”:”aa”,”d”:{“ef”:{“a”:”d”,”d”:[“a”,”b”]},”ed”:”dd”},”g”:”g”},{if_print:true,return_array:true});
*document.write($.sprint_r_json({“a”:”aa”,”d”:{“ef”:{“a”:”d”,”d”:[“a”,”b”]},”ed”:”dd”},”g”:”g”}));
*$.print_r_json({“a”:”aa”,”d”:{“ef”:{“a”:”d”,”d”:[“a”,”b”]},”ed”:”dd”},”g”:”g”});
*/script
*
*/
$.fn.print_r_json
=
function(json,options){
if(typeof(json)!=”object”)
return
false;
var
opts
=
$.extend({},$.fn.print_r_json.defaults,options);
var
data
=
”;
if(opts.if_print)
{
data
=
$.sprint_r_json(json)
$(this).html(‘div
style=”font-weight:bold”‘+(opts.return_array?’Array’:’JSON-DATA’)+’/div’+data);
}
if(opts.array)
{
return
$.json_to_array(json);
}
return
data;
};
$.fn.print_r_json.defaults
=
{
if_print
:
false,//if
or
just
return
formatted
string
return_array
:
true
//return
an
Array
};
$.extend({
print_r_json
:
function(json)
{
if(typeof(json)==”object”)
{
var
text=’div
style=”font-weight:bold;”{/divdiv
style=”margin-left:25px;”‘;
document.write(‘div
style=”font-weight:bold;”{/divdiv
style=”margin-left:25px;”‘);
for(var
p
in
json)
{
if(typeof(json[p])==”object”)
{
document.write(‘div[“‘+p+'”]
=
‘);
text+=’div[“‘+p+'”]
=
‘+$.print_r_json(json[p])+’/div’;
document.write(‘/div’);
}
else
{
text+=’div[‘+((/^d+$/).test(p)?p:(‘”‘+p+'”‘))+’]
=
“‘+json[p]+'”/div’;
document.write(‘div[‘+p+’]
=
‘+json[p]+’/div’);
}
}
text+=’/divdiv
style=”font-weight:bold;”}/div’;
document.write(‘/divdiv
style=”font-weight:bold;”}/div’);
return
(text);
}
else
{
document.write(json);
return
(json);
}
},
sprint_r_json
:
function(json)
{
if(typeof(json)==”object”)
{
var
text
=
‘div
style=”font-weight:bold;”{/divdiv
style=”margin-left:25px;”‘;
for(var
p
in
json)
{
if(typeof(json[p])==”object”)
{
text
+=
‘div[“‘+p+'”]
=
‘+$.sprint_r_json(json[p])+’/div’;
}
else
{
text
+=
‘div[‘+((/^d+$/).test(p)?p:(‘”‘+p+'”‘))+’]
=
“‘+json[p]+'”/div’;
}
}
text
+=
‘/divdiv
style=”font-weight:bold;”}/div’;
return
(text);
}
else
{
return
(json);
}
},
json_to_array
:
function(json)
{
if(typeof(json)==”object”)
{
var
text
=
new
Array();
for(var
p
in
json)
{
if(typeof(json[p])==”object”)
{
text[p]
=
$.json_to_array(json[p]);
}
else
{
text[p]
=
json[p];
}
}
return
(text);
}
else
{
return
(json);
}
}
});
希望本文所述對大家的jQuery程序設計有所幫助。
JS（JQUERY）把數組數據變成JSON數據
!DOCTYPE HTML
html
head
meta charset=”UTF-8″ /
titleJS的TAB切換/title
style type=”text/css”
/style
script type=”text/javascript”
var oldArr = [
{
“date” : “20140929”,
“value” : “value1”
},
{
“date” : “20140929”,
“value” : “value2”
},
{
“date” : “20140929”,
“value” : “value3”
},
{
“date” : “20140930”,
“value” : “value4”
},
{
“date” : “20140930”,
“value” : “value5”
}
];
var convert = function (oldArr)
{
var newJson = {};
for ( var i = 0; i oldArr.length; i++)
{
if (!newJson[oldArr[i].date])
{
newJson[oldArr[i].date] =
{
“date” : oldArr[i].date
};
}
if (!!newJson[oldArr[i].date][“data”])
{
newJson[oldArr[i].date][“data”].push (oldArr[i]);
}
else
{
newJson[oldArr[i].date][“data”] = [oldArr[i]];
}
}
return newJson;
}
var newJson = convert (oldArr);
console.log (newJson);
/script
/head
body
/body
/html
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/286195.html
微信掃一掃 
支付寶掃一掃 