JSON + Javascript/jQuery.如何从json文件导入数据并进行解析?

本文介绍了JSON + Javascript/jQuery.如何从json文件导入数据并进行解析?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

如果我有一个名为 names.json 的JSON文件，且带有:

If I have a JSON file named names.json with:

{"employees":[
    {"firstName":"Anna","lastName":"Meyers"},
    {"firstName":"Betty","lastName":"Layers"},
    {"firstName":"Carl","lastName":"Louis"},
]}

如何在javascript中使用其内容?

How can I use its content in javascript?

推荐答案

如何执行此操作的示例可能是:

An example how to do this could be:

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
        $.getJSON('names.json',function(data){
            console.log('success');
            $.each(data.employees,function(i,emp){
                $('ul').append('<li>'+emp.firstName+' '+emp.lastName+'</li>');
            });
        }).error(function(){
            console.log('error');
        });
    });
</script>
</head>
<body>
    <ul></ul>
</body>
</html>

这篇关于JSON + Javascript/jQuery.如何从json文件导入数据并进行解析?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！