控制進入循環，但不添加和顯示數據在html div

我有json數據，我想在html div中顯示使用循環。我的控制進入循環，但不附加和顯示數據在html div中。控制進入循環，但不添加和顯示數據在html div

json data;

[{"id":"15","FirstName":"ranjan","MiddleName":"","LastName":"","Gender":"","Location":"r","Email":"[email protected]","Mobile":""},{"BookTitle":"","BookGenre":"","BookWriter":"","BookDescription":""}]

code;

$.getJSON(url, function(data) { 
      console.log(data); 
      if (data) { 

       alert("hey got the data" + JSON.stringify(data)); 
       for (var i = 0; i < data.length; i++) { 
        alert("entered"); 
        alert("hey got the data" + JSON.stringify(data[1])); 
        var $appendData = 
         $('<div id="' + data[i].id + '">' + '<p>' 
         + 'FirstName:' + data[i].data.FirstName + '<br/>' 
         + 'MiddleName:' + data[i].data.MiddleName + '<br/>' 
         + 'LastName:' + data[i].data.LastName + '<br/>' 
         + 'Gender:' + data[i].data.Gender + '<br/>' 
         + 'Location:' + data[i].data.Location + '<br/>' 
         + 'Email:' + data[i].data.Email + '<br/>' 
         + 'Mobile:' + data[i].data.Mobile + '<br/>' 
         + '</p>' + '</div>').appendTo('#postjson'); 
       } 
      } else { 
       return; 
      }

//這是我的div

</script> 
     <div class="grid" id="postjson"></div> 
     </div> 
</div>

來源

2016-05-23 Cooolranjan

嘗試刪除'var $ appendData =' – Thamilan

你在你的循環得到了錯字，只需更換所有data[i].data.property與data[i].property

的Javascript

$.getJSON(url,function(data) { 

        console.log(data); 
         if(data){ 

          alert("hey got the data"+JSON.stringify(data)); 
          for(var i=0; i<data.length; i++) { 
            alert("entered"); 
            alert("hey got the data"+JSON.stringify(data[1])); 

             $('<div id="'+data[i].id+'">' 
             +'<p>' 
             +'FirstName:'+data[i].FirstName+'<br/>' 
             +'MiddleName:'+data[i].MiddleName+'<br/>' 
             +'LastName:'+data[i].LastName+'<br/>' 
             +'Gender:'+data[i].Gender+'<br/>' 
             +'Location:'+data[i].Location+'<br/>' 
             +'Email:'+data[i].Email+'<br/>' 
             +'Mobile:'+data[i].Mobile+'<br/>' 
             +'</p>' 
             +'</div>').appendTo('#postjson'); 




            } 



           } 
         else { 
          return;    
         }

JsFiddle

來源

2016-05-23 08:55:56

控制進入循環，但不添加和顯示數據在html div

回答

相關問題