2014-09-19 134 views
0

我想导入一个json文件,当我打电话$(document).ready(function(){}。我的html表单需要在json文件中定义的属性。 我该怎么做?如何导入JavaScript中的json文件?

+1

试试这个'$ .getJSON( '路径',函数(数据){执行console.log(数据);})' – Girish 2014-09-19 11:42:17

回答

1

一个例子如何做到这一点可能是:

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