使用JSONP的Jquery移动自动完成
有没有人有使用jquery mobile autocomplete的远程JSONP调用(例如ws.geonames.com)的工作示例 我已经找到并可以使用其他组合(不带jqm的jsonp remote、jqm local autocomplete等),但带jsonp remote调用的jqm autocomplete正在破坏请求(对函数代码进行编码并将其发送到本地主机)尝试以下方法:使用JSONP的Jquery移动自动完成,jquery,autocomplete,jsonp,Jquery,Autocomplete,Jsonp,有没有人有使用jquery mobile autocomplete的远程JSONP调用(例如ws.geonames.com)的工作示例 我已经找到并可以使用其他组合(不带jqm的jsonp remote、jqm local autocomplete等),但带jsonp remote调用的jqm autocomplete正在破坏请求(对函数代码进行编码并将其发送到本地主机)尝试以下方法: $( document ).on( "pageinit", "#myPage", function() {
$( 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");
});
}
});
});
$(document).on(“pageinit”,“myPage”,function(){
$(“#自动完成”)。关于(“listviewbeforefilter”,函数(e,数据){
var$ul=$(此),
$input=$(data.input),
value=$input.val(),
html=“”;
$ul.html(“”);
如果(value&&value.length>2){
$ul.html(“”);
$ul.列表视图(“刷新”);
$.ajax({
url:“http://gd.geobytes.com/AutoCompleteCity",
数据类型:“jsonp”,
跨域:是的,
数据:{
q:$input.val()
}
})
.然后(功能(响应){
$。每个(响应、功能(i、val){
html+=“”+val+“ ”;
});
$ul.html(html);
$ul.列表视图(“刷新”);
$ul.trigger(“updatelayout”);
});
}
});
});