如何用JS提取JSON数据

如何用JS提取JSON数据,第1张

json={

"a":123,

"b":"测试",

"c":["shuju","ceshi"],

"d":{

"a":"二级栏目"

}

}

以上为json原型,要提取的话就是:

jsona //123

jsonc[0] //shuju

jsonda //二级栏目

这样就可以提取到对应的数据了~

提取出数据来之后你想怎么放都可以了~

乱码可能是你显示的问题读的是时候产生的乱码,通过指定显示页面的编码而变回正常的文字,也有可能是文件本身存在乱码也就是这个文件存的时候产生的乱码,这种是比较麻烦的,很可能没法还原了。通常是gba和utf-8之间的转换原因造成的,当然也有可能是其他编码。

你先要取得json的字符串。然后可以用evel函数来将字符串转成json对象就可以用了。关于evel的用法你可以百度一下,这里面说起来复杂。

另外你这里是一个xml文件里面的json数据,你需要先把xml里面的节点读出来。然后在把读出来的json文本编程json对象。既然用了xml,还用json干嘛。通常用xml就不用json了,json用来在多个程序之间传递数据用,而xml通常用来存储成文件形式。

js对象转json数据:  JOSNstringify();

json数据转js对象:  JSONparse();

<script>

    var obj = {

        a : 'A',

        b : 'B',

        c : 'C'

    };

    var json = JSONstringify(obj);

    consolelog(json);

    consolelog(typeof json);

    consolelog('--------------------------');

    var obj2 = JSONparse(json);

    consolelog(obj2);

    consolelog(typeof obj2);

</script>

var jsonarray = [{"aqi":20,"area":"三亚","pm2_5":7,"pm2_5_24h":14,"quality":"优","primary_pollutant":"","time_point":"2014-05-08T16:00:00Z"}];

var jsonobj = jsonarray[0];

for(var p in jsonobj){

    consolelog(p + ":" + jsonobj[p]);

}

比如返回的json叫data

如果返回的是json字符串,那么会自动转换成相应的js对象

或者js对象组成的数组 [{"":"","":""}],

直接使用data[0]、data[1]·················就可以获得

有两种方法,一种是$ajax(option)方法,一种是$getJSON()方法。

实例:

一、数据集所在jsp页面outjsp,代码如下

<%@page contentType="text/plain; charset=UTF-8"

language="java"

import="javaio,javanet,javautil"

buffer="8kb"

session="false"

autoFlush="true"

%>

<%

String jsonData="{data:[{id:200901,name:'name1'},{id:200902,name:'name2'},{id:200903,name:'姓名3'},{id:200904,name:'姓名4'},{id:200905,name:'姓名5'}]}";

//outclear();

outwrite(jsonData);

%>

二、js处理页面

(1)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "">

<html xmlns="">

<head>

<title>test</title>

<meta >

以上就是关于如何用JS提取JSON数据全部的内容,包括:如何用JS提取JSON数据、js怎么获取.json文件里的数据、js里怎么把对象转化为json数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9668219.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存