получить несколько данных из URL с помощью JQuery

Question

У меня есть этот код для таблицы

<table class="table table-hover"> 
          <thead> 
          <tr> 
           <th>ID Komponen</th> 
           <th>Nama Komponen</th> 
           <th>Ekuivalen SKS</th> 
           <th>Ekuivalen Jam</th> 
           <th>Indikator</th> 
          </tr> 

          </thead> 
          <tbody id="badan_tabel" > 

          </tbody> 
         </table> 

и код JQuery

<script > 
 
    
 
    function init() 
 
    { 
 
\t $.get("http://paramadina.net:18011/data/psc_komponen", {id:1}, function(data) 
 
\t { 
 
\t \t console.log(data); 
 
\t \t var tr="<tr><td>" + data.id + "</td>"; 
 
\t \t \t tr += "<td>" + data.nama_komponen + "</td>"; 
 
\t \t \t tr += "<td>" + data.ekuivalen_sks + "</td>"; 
 
\t \t \t tr += "<td>" + data.ekuivalen_jam + "</td>"; 
 
\t \t \t tr += "<td>" + data.indikator + "</td></tr>"; 
 

 
\t \t $("#badan_tabel").append(tr); 
 
\t }); 
 
    } 
 
    
 
    </script>

, как вы видите, я получаю данные по за идентификатором {ид : 1}. У него около 20 данных, и я хочу поместить все это в таблицу. Я не знаю, как назвать все идентификационные данные сразу

Благодарности

Answer 1

<script > 
 
    
 
    function init() 
 
    { 
 
    for(x=1;x<=20;x++) 
 
    { 
 
\t $.get("http://paramadina.net:18011/data/psc_komponen", {id:x}, function(data) 
 
\t { 
 
\t \t console.log(data); 
 
\t \t var tr="<tr><td>" + data.id + "</td>"; 
 
\t \t \t tr += "<td>" + data.nama_komponen + "</td>"; 
 
\t \t \t tr += "<td>" + data.ekuivalen_sks + "</td>"; 
 
\t \t \t tr += "<td>" + data.ekuivalen_jam + "</td>"; 
 
\t \t \t tr += "<td>" + data.indikator + "</td></tr>"; 
 

 
\t \t $("#badan_tabel").append(tr); 
 
\t }); 
 
     }  
 
    } 
 
    
 
    </script>

Answer 2

Не можете вы получить ответ JSON массива, а не ковкой этот бедный веб-сервер 20 раз ряд ?

[ 
    { 
     "id": 1, 
     "nama_komponen": "Tugas Belajar", 
     "ekuivalen_sks": 17, 
     "ekuivalen_jam": 40, 
     "indikator": "Surat Tugas|Surat Kontrak" 
    }, 
    { 
     "id": 2, 
     "nama_komponen": "Penelitian", 
     "ekuivalen_sks": 6, 
     "ekuivalen_jam": 24, 
     "indikator": "Surat Tugas" 
    }, 
    { 
     "id": 3, 
     "nama_komponen": "Tugas Belajar", 
     "ekuivalen_sks": 17, 
     "ekuivalen_jam": 40, 
     "indikator": "Surat Tugas|Surat Kontrak" 
    }, 

    etc ... 
] 

Answer 3

Я не знаю, как вы получаете данные, но вот то, что работал

<?php 
//data from database usually in this format 
//pass the id to your db query here, 
//e.g if you use function $a = $_GET['id']; 
// $data = call_user_function('function_name',$a); 
$data = array(array("id"=> 1, "nama_komponen"=>"Tugas Belajar", "ekuivalen_sks"=> 17,"ekuivalen_jam"=>40, "indikator"=> "Surat Tugas|Surat Kontrak"), 
     array("id"=> 2, "nama_komponen"=>"Tugas 22Belajar", "ekuivalen_sks"=> 172, "ekuivalen_jam"=>40, "indikator"=> "Surat Tugas|Surat Kontrak")); 

//convert 
foreach($data as $dat): 
    $a = $dat['id']; 
    $b = $dat['nama_komponen']; 
    $c = $dat['ekuivalen_sks']; 
    $d = $dat['ekuivalen_jam']; 
    $e = $dat['indikator']; 
    $json[] = array("id"=>$a, "nama_komponen"=>$b, "ekuivalen_sks"=>$c, "ekuivalen_jam"=>$d, "indikator"=> $e); 
endforeach; 
header("Content-type: application/json"); 
echo json_encode($json); 
?> 

выход abouve в консоли

[object, object] 

Так что ваши сценарий будет давать желаемый результат

<script> 
$(function() { 
$.get("ajax.php", {id:1}, function(data) { 
     console.log(data); 
     $.each(data, function (index, value) {   

      tr="<tr><td>" + value.id + "</td>"; 
       tr += "<td>" + value.nama_komponen + "</td>"; 
       tr += "<td>" + value.ekuivalen_sks + "</td>"; 
       tr += "<td>" + value.ekuivalen_jam + "</td>"; 
       tr += "<td>" + value.indikator + "</td></tr>"; 
       $("#badan_tabel").append(tr); 
     }); 

}); 
});