Autocomplete with jQuery and CodeIgniter PHP MVC

Question

I'm trying to build an autocomplete using jQuery plugin autocomplete from this site.

Now I managed to achieve autocomplete using local results pre-loaded into website as a part of document ready function, its quite easy doing it locally.

Here is with what I struggle with, pulling results from PHP file. Here is how I tried:

$("#post_tags").autocomplete("http://localhost/tags/filter", {
    width: 260,
    selectFirst: false,
    highlight: false,
    multiple: true,
    multipleSeparator: " ",
    scroll: true,
    formatItem: function (row, position, totalReturned, searchTerm){
      return row[0];
    },
    formatResult: function(row, position, totalReturned){
      return row[0].replace(/(<.+?>)/gi, '');
    }
 }).result(function(event, data, formatted){
    $("<li>").html( !data ? "No match!" : "Selected: " + formatted)
     .appendTo("#result");
 });

When I manually go to http://localhost/tags/filter/p I get results php,asp because they contain letter p .

How can I make this work with autocomplete? I mean it's quite easy using native PHP (see this file). I'm only passing something to the search file like this search?q=p and I get back the results. Since I'm using CodeIgniter the things are a bit different and I don't retrieve any results using jQuery code above.

What is the core problem? Are you having problems in dissecting parameters from url in CI controller or passing the required filter string into the url routing of codeigniter from autocomplete script? — Juraj Blahunka
– Juraj Blahunka, Commented Jan 23, 2010 at 13:05

robbo · Accepted Answer · 2010-01-23 13:06:50Z

4

In your jquery.autocomplete.js file, at around line 360 (as of the latest version), add one line to make the section look like this:

$.ajax({ 
    type: "post", // This is the new line
    // try to leverage ajaxQueue plugin to abort previous requests
    mode: "abort",
    // limit abortion to this input
    port: "autocomplete" + input.name,

(If you are using a minified version of the autocomplete plugin, just do a search for .ajax and insert the line as appropriate).

This change causes the autocomplete script will now send form data by POST, rather then GET. Accessing this from within codeigniter can be done as follows:

public function filter()
{
    $filter_by = $this->input->post('q');
}

And from this you can generate your list as required. I'm not sure if there is a nicer way to do this (one which doesn't require you to edit the source code), but it works for me.

answered Jan 23, 2010 at 13:06

robbo

2341 silver badge2 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ant Over a year ago

Great one, when I was using get it was erasing me / at the end, but with using post it was going with resulting in correct output ! thank you

Collectives™ on Stack Overflow

Autocomplete with jQuery and CodeIgniter PHP MVC

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related