本文目录一览:
- 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