Abrufen von Daten aus JSON kann nicht mit jquery laden

Question

Ich beabsichtige, Daten von JSON mit AJAX zu HTML mit append, und seine Arbeit wirklich gut. Aber ich habe ein Problem, wenn ich versuche, HTML von externer Datei zu laden, kann die Variable nicht lesen mit jquery laden.

Wie kann ich die Variable aus einer externen Datei mit jquery laden in HTML anzeigen?

$.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

können Sie HTML-Code für die js Variable als Vorlage laden, Stick mit html anhängen bauen

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

     } 

oder verwenden Sie einen Templat Rahmen/Motor

Answer 2

1- Hast du den Pfad überprüft? Stellen Sie sicher, dass es funktioniert.

2 - Sind Sie sicher, dass der Antworttyp json ist? Wenn nicht, versuchen Sie dies:

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