欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JSON字符串

程序员文章站 2022-07-14 19:42:09
...

Javascript进行数据交换,最常用到的就是json字符串了。json很简单,直说两点。

json在引入后,需要使用JSON.parse将jsonstr字符串转为JS可识别的json对象。

JSON.parse(jsonstr);

那反之,目前前端框架中有一段数据,想要转为动态,将数据与js文件分离,那最快速的办法,就是先将一段json对象转为jsonstr字符串,很简单:

var a = JSON.stringify(jsonobj);
console.log(a);

保存数据到新的文档即可。

数据有了,接下来该是数据交换, 即ajax
原生的js需要判断的内容较多,所以是时候来安利一波jQuery了,瞧瞧人这意识。
以下为代码实现,相当简单:

$.ajax({
    url : "test.json",
    type : "get",
    success : dosome
})

success是成功后的回调函数。

function dosome (data) {
    // 转换数据为js可识别的内容
    var data = JSON.parse(data);
   // 引用数据
   $('#container').highcharts({
        series : data
    })
}

有以上知识点,基本就能满足调取数据的需求,之后会为了让ajax深深流入脑海,会细化原生js内容。