JSON 테이블이 표시되지 않습니다.

JSON에서 데이터를 가져 와서 테이블에 넣고 싶습니다. Firefox와 Chrome은 빈 페이지 만 표시합니다. Webconsole이 오류를 발생시키지 않습니다. 내 코드에 무슨 문제가 있습니까?JSON 테이블이 표시되지 않습니다.

<!DOCTYPE html> 
<html> 
<head> 
<title>test</title> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>  
</head> 
<body> 
<script type="text/javascript"> 
$(document).ready(function(){ 
     $.getJSON('./url.php', function(data) { 
      var cars = data.rec.vehicles.vehicles; 
      $.each(cars, function(key, data){ 
       console.log(data.carName); 
       $('#usertable').append(
        function() { 
         return "<tr>"+ 
            "<td>"+data.carName+"</td>"+ 
            "<td>"+data.model+"</td>"+ 
            "<td>"+data.fuelState+"</td>"+ 
            "<td>1</td>"+ 
           "<tr>"; 
        } 
       ); 
      }) 
     }); 
    }); 
</script> 
</body> 
</html>

출처

2013-11-20 user2718017

참조하십시오. 'console.log (data.carName);'호출이 효과적입니까? –

무엇을 구체적으로 변경해야합니까? 전화는 효과적입니다. – user2718017

복사 붙여 넣기가 더 좋은 대답 일 것입니다. 분명히 그는 어딘가에서 그것을 복사했지만, 실제로 무엇을하는지 보지 않았습니다. – nrathaus

HTML에 ID가 usertable 인 요소가 없습니다. jQuery에는 tr 요소를 추가 할 수있는 장소가 없습니다.

HTML :

<table id="usertable"> 
</table>

자바 스크립트 :

var cars = [{ 
    carName: "Car 1", 
    model: "model 1", 
    fuelState: "full" 
}, { 
    carName: "Car 2", 
    model: "model 2", 
    fuelState: "full" 
}, { 
    carName: "Car 3", 
    model: "model 1", 
    fuelState: "half" 
}, { 
    carName: "Car 4", 
    model: "model 2", 
    fuelState: "half" 
}, { 
    carName: "Car 5", 
    model: "model 1", 
    fuelState: "empty" 
}]; 

$.each(cars, function (key, data) { 
    console.log(data.carName); 
    $('#usertable').append(

    function() { 
     return "<tr>" + 
      "<td>" + data.carName + "</td>" + 
      "<td>" + data.model + "</td>" + 
      "<td>" + data.fuelState + "</td>" + 
      "<td>1</td>" + 
      "<tr>"; 
    }); 
})

이 당신의 HTML에서 ID`usertable` 아무 요소가 없습니다 http://jsfiddle.net/lutzhorn/v6A3A/4/

출처

2013-11-20 14:19:14

JSON 테이블이 표시되지 않습니다.

답변

관련 문제