2017-02-13 45 views
1

我打算從json中將數據從ajax轉換爲帶有append的html,並且其工作非常好。但是,當我嘗試從外部文件加載html時,我遇到了問題,該變量無法用jquery加載進行讀取。從JSON中獲取數據無法使用jquery加載

如何從jquery加載的外部文件讀取變量以顯示在HTML中?

$.ajax({ 
 
    url:'person.json', 
 
    dataType:'json', 
 
    type:'get', 
 
    cache: false, 
 
    success:function(data){ 
 
     $(data.person).each(function(index, value){ 
 
      //$("#loadJson").append('<p><strong>Name : </strong>'+value.first_name+'</br><strong>Company: </strong>'+value.company+'</br> <strong>Email: </strong>'+value.email+' </p>') 
 
      $("#loadJson").load('data.html'); 
 
     }) 
 
    } 
 
})
<p><strong>Name: </strong>'+value.first_name+'</br><strong>Company: </strong>'+value.company+'</br> <strong>Email: </strong>'+value.email+' </p>

+0

請檢查路徑 –

回答

0

您可以加載HTML作爲JS變量的模板,堅持使用附加建立HTML

success:function(data){ 
      $(data.person).each(function(index, value){ 
       $("#loadJson").append('<p><strong>Name : </strong>'+value.first_name+'</br><strong>Company: </strong>'+value.company+'</br> <strong>Email: </strong>'+value.email+' </p>'); 
      }); 

     } 

或使用模板框架/引擎

0

1-你檢查過路徑嗎?確保它正在工作。

2-你確定響應類型是json嗎?如果沒有,請試試這個:

data = JSON.parse(data); 
// bind data here 
+0

我很確定,因爲我存儲在相同的目錄中 – rnDesto