Автозаполнение Jquery Mobile с использованием JSONP

У кого-нибудь есть рабочий пример удаленного вызова JSONP (например, ws.geonames.com) с мобильным автозаполнением jquery?

Я нашел и могу заставить работать другие комбинации (удаленный jsonp без jqm, локальное автозаполнение jqm и т. д.), но автозаполнение jqm с удаленными вызовами jsonp искажает запрос (кодирование кода функции и отправка его на локальный хост)


jquery autocomplete jsonp
person kevinc    schedule 14.04.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Попробуй это :

$( document ).on( "pageinit", "#myPage", function() {
            $( "#autocomplete" ).on( "listviewbeforefilter", function ( e, data ) {
                var $ul = $( this ),
                    $input = $( data.input ),
                    value = $input.val(),
                    html = "";
                $ul.html( "" );
                if ( value && value.length > 2 ) {
                    $ul.html( "<li><div class='ui-loader'><span class='ui-icon ui-icon-loading'></span></div></li>" );
                    $ul.listview( "refresh" );
                    $.ajax({
                        url: "http://gd.geobytes.com/AutoCompleteCity",
                        dataType: "jsonp",
                        crossDomain: true,
                        data: {
                            q: $input.val()
                        }
                    })
                    .then( function ( response ) {
                        $.each( response, function ( i, val ) {
                            html += "<li>" + val + "</li>";
                        });
                        $ul.html( html );
                        $ul.listview( "refresh" );
                        $ul.trigger( "updatelayout");
                    });
                }
            });
        });
person Kiran Ruth R    schedule 13.07.2013