jQuery UI自动完成jsonp映射响应

Question

我想从jqueryUI使用自动完成。当我提醒我的回应我得到以下内容：([ { "id": "test", "label": "test", "value": "test" } ]);

但当我尝试映射结果下拉结果为空。这里是我的代码：

<script> 
$(function() { 
    function log(message) { 
     $("<div/>").text(message).prependTo("#log"); 
     $("#log").scrollTop(0); 
    } 

    $("#city").autocomplete({ 
     source: function(request, response) { 
      $.ajax({ 
       url: "http://localhost/jQuery/development-bundle/demos/autocomplete/search3.php", 
       jsonp: "jsonp_callback", 
       data: { 
        featureClass: "P", 
        style: "full", 
        maxRows: 12, 
        name_startsWith: request.term 
       }, 
       success: function(data) { 
        alert(data); 
        response($.map(data, function(item) { 
         return { 
          label: item.label, 
          value: item.value 
         } 
        })); 
       } 
      }); 
     }, 
     minLength: 2, 
     select: function(event, ui) { 
      log(ui.item ? 
       "Selected: " + ui.item.label : 
       "Nothing selected, input was " + this.value); 
     }, 
     open: function() { 
      $(this).removeClass("ui-corner-all").addClass("ui-corner-top"); 
     }, 
     close: function() { 
      $(this).removeClass("ui-corner-top").addClass("ui-corner-all"); 
     } 
    }); 
}); 
</script> 

我的服务器端脚本使用下面的代码：

echo $_GET['jsonp_callback'] . '(' . $data . ');'; 

还是要谢谢你

Answer 1

使用此行

url: "http://ws.geonames.org/searchJSON?jsonp_callback=?", 

和数据类型也

dataType: 'jsonp', 

代替

url: "http://ws.geonames.org/searchJSON",