Question

Hello guy我在分页表中显示数据结果时遇到问题。我想要的是我正在创建一个搜索表单。场景是：

用户将输入他/她的搜索并填写文本框。然后单击搜索
之后，系统将匹配用户对表的输入
最后，系统会在分页表中显示搜索结果。

我的问题是我不知道如何使用json数据填充分页表。这是所有人，我希望你能帮助我。

这是我的代码。顺便说一句，我使用Codeigniter和datatable作为我的分页插件。

查看：

(javascript part)

    $('#search-btn').on('click',function(){

        var query = $("#keyword").val();
        var query_url = "<?php echo site_url('item_controller/searchItem'); ?>";
        $.ajax({
            type:'POST',
            url: query_url,
            data:{query: $("#keyword").val()},
            dataType:'json',
            success:function(d){

                for(i in d){
                     //console.log(d[i]);
                     console.log(d[i]['code']); //can access but don't know how to get the value
                }

                $("#search_result").show('blind'); //this will display the search table results



            }
        });    

    });

搜索文本框和搜索结果：

    <div class="k-content" style="background-color: white">
    <div class="k-header" id="item-view-list" align="center" style="background-color: white; border-style: none">
            <table border="0" style="width: 90%">
                <tr>
                    <td colspan="3">
                        <h5>SEARCH ITEM</h5>
                    </td>
                </tr>
                <tr>
                    <td style="width: 20%">
                        <label>Name/Description</label>
                    </td>
                    <td>
                        <input type="text" name="keyword" id="keyword" style="width: 80%" />
                        <input type="button" value="SEARCH" id="search-btn" />
                    </td>
                </tr>
            </table>
            <br />
    </div>
</div>

<!-- HERE'S THE PROBLEM, HOW CAN I DISPLAY THE JSON DATA HERE? -->
<div id="search_result" class="k-content" style="display: none">
     <div class="k-header" id="item-view-list" align="center">

         <table cellpadding="0" cellspacing="0" border="0" class="display" id="example" style="font-size:small;">
            <thead>
                    <tr>
                    <th>CODE</th>
                    <th>NAME/DESCRIPTION</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <!-- This will create the row for every search result -->
                <tr>
                    <td></td>
                    <td></td>
                    <td>
                        <div align="center">
                            <input type="button" name="add_item" class="k-button" value="ADD" style="text-align: center" />
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

控制器：

 public function searchItem(){

        $query = $this->input->post('query');

        $querySearch = "SELECT * from items WHERE name LIKE '%".$query."%'";
        $resultSearch = $this->db->query($querySearch);
        $count = $resultSearch->num_rows();

        echo json_encode($resultSearch->result_array());

    }

在创建分页时，我只需要包含我的数据。并使用foreach。我的分页没有问题，但填充它是我的大问题。

如何在分页表jquery ajax中显示json数据？

0 个答案: