jQuery ui autocomplete plugin change PHP request URL

Question

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.

Manny Calavera · Accepted Answer · 2010-10-05 23:45:35Z

1

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.

answered Oct 5, 2010 at 23:45

Manny Calavera

6,89320 gold badges63 silver badges88 bronze badges

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

Comments

Abu Sithik · Accepted Answer · 2010-10-05 15:32:39Z

0

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.

answered Oct 5, 2010 at 15:32

Abu Sithik

2871 gold badge5 silver badges18 bronze badges

5 Comments

Manny Calavera Over a year ago

The problem is that the URL will be appended with ?term=value and that's what I need to change to /search/value

Abu Sithik Over a year ago

If you see in my code I have added the additional parameter language. You can also add your parameters like this. And MOST IMPORTANTLY by default jQuery autocomplete will send additional parameters in GET variables like ?term=value. You should change the default ajax type to 'post' in the $.ajax({ type: in jquery.autocomplete.js file around line no. 330 to 340.

Manny Calavera Over a year ago

damn, got the wrong link of autocomplete. Post updated, please check it out, thanks.

Abu Sithik Over a year ago

Did you tried what I have mentioned above? changing ajax type to 'post'?

Manny Calavera Over a year ago

I'm sorry, I gave the wrong link to the plugin. I am using this plugin: jqueryui.com/demos/autocomplete . Can this be done now ? The code is different, I can't find that line you mentioned.

Collectives™ on Stack Overflow

jQuery ui autocomplete plugin change PHP request URL

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related