js怎么获取.json文件里的数据

js怎么获取.json文件里的数据,第1张

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

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

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

//获取json,这里用的是jquery的ajax方法,只是意思意思,这里可以替换为任何ajax请求

function getData(){

    $ajax({

        url: "xxxphp",

        success: function(jsondata){

            output(jsondata);

        }

    });

}

//函数

function output(json){

    //转换字符串为对象

    var Data = eval('(' + json + ')');

    var html = '';

    for(var i=0;i<Datalength;i++){

        //具体键值根据你返回的字符串来

        html += '名字' + Data[i]name + ' 年龄' + Data[i]age;

    }

    //插入到元素

    documentgetElementById('el')innerHTML = html;

}

//每隔10秒执行

setTimeout(getData, 10000);

JSON 一种轻量级的数据交换格式,非常适合于服务器与 JavaScript 的交互。(现在公司大部分都用这个)。 json的表示方式:{"city":"Beijing","street":" Chaoyang Road ","postcode":100025} ,这就是个简单的json对象。实际上此处的 json对象相当于 Java 中的 Map<String, Object>。注意 Key 只能用 String 表示。

其中 Value 也可以是另一个 Object 或者数组,因此,复杂的 Object 可以嵌套表示,例如,一个 Person 对象包含 name 和 address 对象,可以表示如下:

{"name":"Michael","address":

{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}

}

</SPAN>

</SPAN>JavaScript 处理 JSON 数据

function handleJson() {

var j={"name":"Michael","address":

{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}

};

documentwrite(jname);

documentwrite(jaddresscity);

}

现在一般在后台用gson将数据转换成json对象,前台用jquery的ajax与后台的数据进行交互。具体咋用网上有很多实例,如果实在不懂得话,加我的qq:1249119842

这样很简单啊, 现在只给你说个思路,你先使用for in 去遍历这个大的对象,遍历完了以后,它是不是就分切成了若干个对象,然后在判断你第一次遍历完以后,后面的还没有需要继续遍历的,有的话,就在继续回调这个方法,再次for in。使用for循环嵌套就好了!

那如果你只是想要遍历它子对象里面的某一个对象,比如list这个对象,那你直接获取到这个对象,然后在遍历就可以了! 也可以用FOREACH呢,这个感觉还比那个好用一点儿! 反正就是这个思路,你先自己 *** 作一下,不会的话然后在提问哈! 做程序开发,只要思路想通了,方法自然也就有了!

以上就是关于js怎么获取.json文件里的数据全部的内容,包括:js怎么获取.json文件里的数据、js读取json数据输出并刷新数据问题、js如何获取ajax返回的json的数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存