Question

我想在调用$(document).ready(function (){}时导入json文件。我的html表单需要在json文件中定义的属性。我怎么能这样做？

Answer 1

尝试这样：

  $.getJSON( "path to json file", function( data ) {
      var item = [];
      $.each( data, function( key, val ) {
        item.push( "<li id='" + key + "'>" + val + "</li>" );
      });

      $( "<ul/>", {
        "class": "myclass",
        html: item.join( "" )
      }).appendTo( "body" );
    });

Answer 2

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

<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>

如何在javascript中导入json文件？

2 个答案: