从数组中获取值并在视图中显示

时间:2013-11-21 10:26:27

标签: php jquery codeigniter

观点:

<tr  style="background-color:#333; color:#FFFFFF;" align="center">
    <td>No</td>
    <td>ID TRANS</td>
    <td>NAMA</td>
    <td>TGL</td>
    <td>JUMLAH</td>
    <td>STATUS</td>
    <td>TOTAL</td>
    <td>JENIS PEL</td>
    <td>NAMA</td>
    <td>PENGELOLAAN</td>                                
</tr>
<tr class="dataku"></tr>

我在数组中的jquery

<script type="text/javascript"> 
      $(document).ready(function() {        
      selesai();
});

function selesai() {
    setTimeout(function() {

        update();
        selesai();
    }, 200);
}

function update() {

    $.getJSON("<?php echo base_url();?>transaksiDigorCont/ambilDataTransaksi", function(data) {
        alert("jhjh");
        $(".dataku").empty();
        $no=1;
        $.each(data.result, function() { 

        $(".dataku").append(

                "<td>"+$no+"</td>\n\
                <td>"+this['id_transaksi']+"</td>\n\
                <td>"+this['nama']+"</td>\n\
                <td>"+this['tgl_transaksi']+"</td>\n\
                <td>"+this['jumlah']+"</td>\n\
                <td>"+this['status_transaksi']+"</td>\n\
                <td>"+this['total']+"</td>\n\
                <td>"+this['status_pelanggan']+"</td>\n\
                <td>"+this['nama_karyawan']+"</td><td>"+this['nama_karyawan']+"</td>");
        $no++;});
    });
}

data.result有3行,但如果在视图中显示所有行显示在<td>No</td>中,我希望每个索引都在标题标题中,例如:没有值$ no,ID TRANS有值{{ 1}}等等

1 个答案:

答案 0 :(得分:0)

假设您的json回复为Okay,请将此class="dataku"放入您的表格而不是tr

<table class="dataku">

 $(".dataku").append(

            "<tr><td>"+$no+"</td>\n\
            <td>"+this['id_transaksi']+"</td>\n\
            <td>"+this['nama']+"</td>\n\
            <td>"+this['tgl_transaksi']+"</td>\n\
            <td>"+this['jumlah']+"</td>\n\
            <td>"+this['status_transaksi']+"</td>\n\
            <td>"+this['total']+"</td>\n\
            <td>"+this['status_pelanggan']+"</td>\n\
            <td>"+this['nama_karyawan']+"</td><td>"+this['nama_karyawan']+"</td></tr>");
    $no++;});