【问题标题】:How can i import a json file in javascript? [duplicate]如何在 javascript 中导入 json 文件? [复制]
【发布时间】:2014-09-19 11:38:36
【问题描述】:

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

【问题讨论】:

  • 试试这个$.getJSON('path', function(data){ console.log(data); })

标签: javascript jquery json


【解决方案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" );
    });

【讨论】:

    【解决方案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>
    

    【讨论】:

      猜你喜欢
      • 2021-10-23
      • 1970-01-01
      • 2014-02-22
      • 1970-01-01
      • 1970-01-01
      • 2014-02-21
      • 2021-02-23
      • 1970-01-01
      • 2021-09-22
      相关资源
      最近更新 更多