jQuery UI autocomplete ajax with multiple values -

-

i've checked several solutions this:

jquery ui autocomplete multiple values in textbox
jquery ui autocomplete multiple values

with no success. have jquery ui autocomplete working exception of search phrases spaces in them. instance, i'll search "real" , list of results if enter "real estate" bombs out after "real ".

here's current working code adding space in textbox:

<script type="text/javascript">         $(document).ready(function () {                 /* auto complete menu search option */     $("#txtsearchprogram").autocomplete({         source: function (request, response) {             $.ajax({                 type: 'get',                 url: '/specialpages/program-autocomplete.aspx',                 data: { 'searchtext' : encodeuricomponent(request.term), 'langspecific' : '1' },                 datatype: 'json',                 success: function(jsondata) {                     response(jsondata);                 }             });         },         delay: 0,         minlength: 2,         open: function() {             $(this).autocomplete("widget")                    .appendto("#autocomplete-results")                    .css("position", "static")},         focus: function( event, ui ) {           $(this).attr("placeholder", ui.item.label);           return false;           },          select: function (event, ui) {             event.preventdefault();             var url = ui.item.value;             if (url != '#') {                 location.href = url;             }         }     }); });

here code tried above links continue receive "uncaught typeerror: cannot read property 'autocomplete' of undefined" error

<script type="text/javascript">    $(document).ready(function () {      /* auto complete menu search option */     $("#txtsearchprogram").autocomplete({         source: function (request, response) {             $.ajax({                 type: 'get',                 url: '/specialpages/program-autocomplete.aspx',                 data: { 'searchtext' : encodeuricomponent(request.term) },                 datatype: 'json',                 success: function(jsondata) {                     var re = $.ui.autocomplete.escaperegex(request.term); // errors out here                     var matcher = new regexp( "^" + re, "i" );                     response($.grep(jsondata, function(item){return matcher.test(item.value);}) );                 }             });         },         delay: 0,         minlength: 2,         open: function() {             $(this).autocomplete("widget")                    .appendto("#autocomplete-results")                    .css("position", "static")},         focus: function( event, ui ) {           $(this).attr("placeholder", ui.item.label);           return false;           },          select: function (event, ui) {             event.preventdefault();             var url = ui.item.value;             if (url != '#') {                 location.href = url;             }         }     }); });

when debug i'm not getting detail (not strong front end dev) other error mentioned.

after further testing found issue placed , encoded parameters. code below started with:

<script type="text/javascript">         $(document).ready(function () {                 /* auto complete menu search option */     $("#txtsearchprogram").autocomplete({         source: function (request, response) {             $.ajax({                 type: 'get',                 url: '/specialpages/program-autocomplete.aspx',                 data: { 'searchtext' : encodeuricomponent(request.term), 'langspecific' : '1' }, // problem here                 datatype: 'json',                 success: function(jsondata) {                     response(jsondata);                 }             });         },         delay: 0,         minlength: 2,         open: function() {             $(this).autocomplete("widget")                    .appendto("#autocomplete-results")                    .css("position", "static")},         focus: function( event, ui ) {           $(this).attr("placeholder", ui.item.label);           return false;           },          select: function (event, ui) {             event.preventdefault();             var url = ui.item.value;             if (url != '#') {                 location.href = url;             }         }     }); });    </script>

and ended with. note removed data attribute , created query string.

    <script type="text/javascript">         $(document).ready(function () {                 /* auto complete menu search option */     $("#txtsearchprogram").autocomplete({         source: function (request, response) {             $.ajax({                 type: 'get',                 url: '/specialpages/program-autocomplete.aspx?searchtext=' + encodeuricomponent(request.term) + '&langspecific=1', // resolved                 datatype: 'json',                 success: function(jsondata) {                     response(jsondata);                 }             });         },         delay: 0,         minlength: 2,         open: function() {             $(this).autocomplete("widget")                    .appendto("#autocomplete-results")                    .css("position", "static")},         focus: function( event, ui ) {           $(this).attr("placeholder", ui.item.label);           return false;           },          select: function (event, ui) {             event.preventdefault();             var url = ui.item.value;             if (url != '#') {                 location.href = url;             }         }     }); });    </script>

Comments

Post a Comment

Popular posts from this blog

Django REST Framework perform_create: You cannot call `.save()` after accessing `serializer.data` -

-
i have following viewset: class artistprofileviewset(viewsets.modelviewset): queryset = artistprofile.objects.all() serializer_class = artistprofileserializer def perform_create(self, serializer): if serializer.is_valid(): serializer.save() with following serializers: class simpleartisttrackserializer(serializers.hyperlinkedmodelserializer): class meta: model = artisttrack fields = (...my fields...) class artistprofileserializer(serializers.hyperlinkedmodelserializer): owners = userserializer(many=true, required=false) tracks = simpleartisttrackserializer(many=true, required=false) class meta: model = artistprofile fields = (...my fields...) i getting following error: assertionerror: cannot call `.save()` after accessing `serializer.data`.if need access data before committing database inspect 'serializer.validated_data' instead. i don't see editing serializer.data object. th...
Read more

Why does Go error when trying to marshal this JSON? -

-
i'm trying rather simple example of trying decode json file structs using golang. however, when attempting error that json: cannot unmarshal object go value of type []main.track which don't understand. here's code in question, , json can found here . package main import ( "encoding/json" "fmt" "net/http" "os" ) // tracks group of track types type tracks struct { tracks []track } // track represents singular track type track struct { name string url string artist artist } // artist represents single artist type artist struct { name string mbid string url string } func main() { url := "http://ws.audioscrobbler.com/2.0/?method=geo.gettoptracks&api_key=c1572082105bd40d247836b5c1819623&format=json&country=netherlands" response, err := http.get(url) if err != nil { fmt.printf("%s\n", err) os.exit(1) } de...
Read more