如何導入JavaScript中的json文件？

Question

我想導入一個json文件，當我打電話$(document).ready(function(){}。我的html表單需要在json文件中定義的屬性。 我該怎麼做？

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

Answer 2

嘗試這樣的：

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