3

为什么我从文本输入中看不到任何价值建议。我已经在 J​​SON 和 jQuery 中使用了自动完成代码。但是文本输入中没有显示任何值

书店/views/admin/auto_complete.php

<script>
    $('#swSearch').keypress(function () {
        var dataObj = $(this).closest('form').serializeArray();
        $.ajax({
            url: 'http://localhost/boostore/admin_d_book_groups/search',
            data: dataObj,
            dataType: 'json',
            success: function (data) {
                $("#suggestion_tab").html('');
                $.each(data.name, function (a, b) {
                    $("#suggestion_tab").append('<li>' + data.b + '</li>');
                });
                // Display the results
                ///alert(data);
            },
            "error": function (x, y, z) {
                // callback to run if an error occurs
                alert("An error has occured:\n" + x + "\n" + y + "\n" + z);
            }
        });
    });  
</script>
<div id="swSearch">
<form>
    <input type="text" value="" id="swSearch"  class="swSearch" />
</form>
    <div class="suggestion_tab" id="suggestion_tab"></div>

</div>

Admin_d_book_groups 控制器

function search(){
        $searchterm = $this->input->post('search_hotel');
        echo json_encode($this->d_book_groups->sw_search($searchterm));
    }

d_book_groups_model

function sw_search($searchterm)
    {
         $query = $this->db->order_by("bg_id", "desc")->like('bg_name', $searchterm, 'after')->get('d_book_groups');
        $data = array();
        foreach ($query->result() as $row)
        {
           $data[] = $row->bg_name;
        }
        return $data;             
        //return mysql_query("select * from hotel_submits where name LIKE '".$searchterm."'");
    }
4

2 回答 2

2

$config['compress_output'] = TRUE;在你的application/config/config.php?

如果是，则不能直接从控制器方法输出内容。您必须使用视图。您可以创建一个简单的视图：

<?php echo $response;

并像这样传递json数据：

function search() 
{
    $searchterm = $this->input->post('search_hotel');
    $data['response'] = json_encode($this->d_book_groups->sw_search($searchterm));
    $this->load->view('ajax/json_response', $data);
}
于 2012-08-25T22:28:17.307 回答
0

我不知道为什么，但你在这段代码中犯了一个错误：

$.each(data.name, function (a, b) {
    $("#suggestion_tab").append('<li>' + data.b + '</li>');
});

您不能在 $.each 方法中使用“data.b”，b 是 data.name 的对象以获得更多帮助，实际上“b”等于 data.name[a] (data.name[a] == b)

所以 data.b 是假的， (data.name[a] == b) && data.name[a] != data.b

在 $.each 循环中使用 console.log(b) 来查看你的数组对象（你需要 firefox 和 firebug 扩展）

$.each(data.name, function (a, b) {
    console.log(b);
});

我认为您想将每个名称放在 li 元素中，如果为真，请使用以下代码：

$.each(data, function (a, b) {
    $("#suggestion_tab").append('<li>' + b.name + '</li>');
});

// 这里 b.name == data[a].name

于 2012-05-25T14:24:25.780 回答