从JSON中获取数据无法使用jquery加载

Question

我打算从json中将数据从ajax转换为带有append的html，并且其工作非常好。但是，当我尝试从外部文件加载html时，我遇到了问题，该变量无法用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>

Answer 1

您可以加载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>'); 
      }); 

     } 

或使用模板框架/引擎

Answer 2

1-你检查过路径吗？确保它正在工作。

2-你确定响应类型是json吗？如果没有，请试试这个：

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