如何用javascript导入json文件

How can i import a json file in javascript?

本文关键字:json 文件 导入 javascript 何用      更新时间:2023-09-26

我想在调用$(document).ready(function (){}时导入一个json文件。json文件中定义的属性是我的html表单所必需的。我该怎么做?

这样尝试:

  $.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" );
    });

如何做到这一点的示例可以是:

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