Geek asks and answers

Why I don’t see any value from autocomplete search in jQuery

Why I do not see any sentence value from text input. I already use autocomplete code with JSON and jQuery. But the text input does not display the value

bookstore / 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 controller

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."'");
    }
+3
source share
2 answers

Is $config['compress_output'] = TRUE;in yours application/config/config.php?

If so, you cannot output content directly from controller methods. You must use the view. You can create a view as simple as:

<?php echo $response;

and just pass the json data as follows:

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);
}
+2
source

I don’t know why, but you are mistaken in this code:

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

"data.b" $.each, b - data.name , "b", data.name [a] (data.name [a] == b)

, data.b false, (data.name [a] == b) && & & data.name [a]!= data.b

console.log(b) $.each, ( 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

0

More articles:


All Articles