Question

我正在使用Eclipse中的Dynamic Web Project并使用HTML 5和Javascript。我可以设法通过以下代码解析在我的系统中本地保存的JSON文件：

$.getJSON( "/Users/Documents/workspace2/sample.json", function( data ) {
    var items = [];
    $.each( data, function( key, val ) {
        items.push( "<li id='" + key + "'>" + val + "</li>" );
    });
    $( "<ul/>", {
        "class": "my-new-list",
        html: items.join( "" )
    }).appendTo( "body" );
});

我们假设这是JSON文件：

{"resource":"A","literals":["B","C","D"]}

我的问题是：解析后是否有可能有一个字符串数组来存储JSON文件中的这些元素。我是jQuery的新手，并且无法真正设法将这些元素存储在一个字符串数组中，例如。任何人都可以帮我解决这个问题。

Answer 1

尝试这种方式：

<强> jsonFile.json

{
    "resource":"A",
    "literals":["B","C","D"]
}

myFile.html

<html>
<head>
        <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
        <script type="text/javascript">
            $.getJSON( "jsonFile.json", function( data ) {
                var items = [];
                $.each( data, function( key, val1 ) {
                    items.push( "<li><a href=#'" + key + "'>" + val1 +"</a></li>");     
                });
            });
                $( "<ul/>", {
                "class": "my-new-list",
                 html: items.join( "" )
                }).appendTo( "body" );
            });
        </script>

</head>
<body>
    //result will be displayed here 
</body>
</html>

输出

output

Answer 2

var abc = JSON.stringify({"resource":"A","literals":["B","C","D"]});

var ab = JSON.parse(abc);

var arr=$.map(ab, function(value, index) {
   return [value];
});

希望它有所帮助。

如何将JSON数据从文件存储到字符串数组中

2 个答案: