2012-04-14 13 views
4

Jeder hat ein funktionierendes Beispiel für einen Remote-JSONP-Aufruf (z. B. ws.geonames.com) mit jQuery Mobile Autocomplete?Jquery Mobile Autocomplete mit JSONP

Ich habe gefunden, und können andere Kombinationen bekommen arbeiten (JSONP Fern ohne JQM, JQM lokalen Autocomplete, etc), aber JQM zur automatischen Vervollständigung mit JSONP Ferngespräche wird die Anfrage Mangeln (den Funktionscode codiert, und sendet es an localhost)

Antwort

0

Versuchen Sie dies:

$(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"); 
        }); 
       } 
      }); 
     });