Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JSONP的Jquery移动自动完成_Jquery_Autocomplete_Jsonp - Fatal编程技术网

使用JSONP的Jquery移动自动完成

使用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() {

有没有人有使用jquery mobile autocomplete的远程JSONP调用(例如ws.geonames.com)的工作示例

我已经找到并可以使用其他组合(不带jqm的jsonp remote、jqm local autocomplete等),但带jsonp remote调用的jqm autocomplete正在破坏请求(对函数代码进行编码并将其发送到本地主机)

尝试以下方法:

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