jQuery ui autocomplete plugin change PHP request URL

Question

Hello, I'm using this plugin: http://jqueryui.com/demos/autocomplete/#remote

Works great but I would like to use the request URL like this: "www.mysite.com/search/my search input" and not like this: "www.mysite.com/?term=my search input" because I use codeigniter and that's how I work with URLs. So I will need to append the search input like this "/my search input" because I can give the first part of the URL but I don't know how can I change the appending of "?term=" .

The problem is that the URL will be appended with ?term=value and that's what I need to change to /search/value. Codeigniter is not an issue here, the autocomplete code needs changes, I believe.

Any ideas ?

Thanks.

Answer 1

Hi,

You can use the codeigniter URLs directly in the autocomplete's URL parameter. I used the below one in one of my projects.

<script>
$(document).ready(function(){
    $("#search").autocomplete('<?php echo site_url('ajax/get_words');?>', {
            extraParams: {
               language: function() { return 'english'; }
           }
        });
});
</script>

I hope this will help you. Let me know if you need more.

Answer 2

I managed to work this out with this code:

$( "#test" ).autocomplete({
            source: function(req, add){
                $.ajax({
                    url: 'search/q',
                    dataType: 'json',
                    type: 'POST',
                    data: req,
            success:function(data){
                var items = [];  
                $.each(data, function(i, val){  
                items.push(val);  
                });  
                add(items);
                }
                })
                },
            minLength: 2,
            autoFill:true,
            highlight:true,
            scroll:true,
            selectFirst:true,
            matchContains: true
        });

I hope this come in handy if anyone is in search of the same thing.

Answer 3

Thanks Manny, you solved my problem with CI too :)