javascript - 如何拆分从 json 文件读取的数据?

标签 javascript jquery

我在 data.json 文件中有这个 json 数据。

[
"1009 2000",
"1009 2001",
"1002 2002",
"1003 2002"
]

我循环遍历这些数据并根据 , 拆分数据,如下面的代码

var show = function () {
    var span = $('.input');
    var c = $('ul');
    $.getJSON('data/data.json', function (id) {
        var j = id.split(',');
        var hsl = j[0];
        var ny = j[1];

        $('<li>' + id + '</li>').appendTo(c);
        $(c).appendTo(span);
        console.log(hsl);
    });
}

但这在控制台中给了我这个错误

Object 1009 2000,1009 2001,1002 2002,1003 2002 has no method 'split' 

我怎样才能拆分这些数据,以便我可以像这样显示它

 1009 2000
 1009 2001
 1002 2002
 1003 2002

最佳答案

你不需要分割任何东西,简单地循环:

$.getJSON('data/data.json', function (ids) {
    for (var i = 0; i < ids.length; i++) {
        var id = ids[i];
        console.log(id);
    }
});

jQuery 会自动将从服务器返回的字符串解析为 javascript 数组,以便您可以直接访问其元素。

如果要检索 2 个标记,可以用空格分隔每个元素。

关于javascript - 如何拆分从 json 文件读取的数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11965755/

相关文章:

javascript - 如何修复包含由 'interval' (React) 更改的状态的翻译

javascript - 在多个 div 元素中随机排列内容的任何方式

javascript - Jquery 显示/隐藏为什么它不起作用?

javascript - 从两个 Div 调用 GeoCode 函数

javascript - 为什么onclick的处理函数没有按预期工作?

javascript - Google Maps API 设置图标大小

javascript - 如何为脚本元素内的数据属性设置值

jquery - 使用 jQuery 替换图像

javascript - 如何使用 jQuery 在选择框上设置第一个选项?

jquery - jqGrid 3.4 中的自定义数据工具提示