jQuery UI Autocomplete with CI ??

[eluser]pickupman[/eluser]
The server knows when a request is sent via ajax/jQuery. Put this in your config file

Code:

//Global define for AJAX Requests
define('IS_AJAX', isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest');

In the spirit of what jQuery is, you will want things to work properly with(out) javascript. This doesn't quite apply for the autocomplete functionality, but perhaps in other ajax stuff you might do. You create a search controller just like any other situation, but use the IS_AJAX tag to determine how you output your data.

Code:

class Search extends Controller{
  
  function Search(){
    parent:Controller();
  }

  function index(){
     $keyword = $this->input->post('term');
     $data['response'] = 'false'; //Set default response
     $this->load->model('inventory/products_model');
     $query = $this->products_model->lookup($keyword); //Search DB
     if($query->num_rows() > 0)
     {
        $data['response'] = 'true'; //Set response
        $data['message'] = array(); //Create array
        foreach($query->result() as $row)
        {
            $data['message'][] = array('label'=> $row->description, 'value'=> $row->product); //Add a row to array
        }
     }
     if(IS_AJAX){
       echo json_encode($data); //echo json string if ajax request
     }else{
       $this->load->view('search/index',$data); //Load html view of search results
     }
     echo json_encode($data);
  }

}

Now you have coded the functionality to handle both ajax searches and load a page if someone has js disabled. Since you have done this in a controller, you have access to all the other features as well. (ie pagination for html view)