2012-04-14 4 views
4

jqueryモバイルオートコンプリートを使用したリモートJSONPコール(ws.geonames.comなど)の実例がありますか?JSONPを使用したJqueryモバイルオートコンプリート

私が発見したと(jqm、jqm地元のオートコンプリートなどせずに、リモートJSONP)他の組み合わせを働いて得ることができますが、JSONPリモート呼び出しとjqmオートコンプリートが要求をマングリングされた(機能コードをコードし、それがlocalhostに送信)

答えて

0

試用:

$(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"); 
        }); 
       } 
      }); 
     }); 
関連する問題