php - jQuery 自动完成跨站点域 - 列表框不显示

Question

我想对外部数据使用自动完成功能。我按照手册操作，数据顺利返回，但列表框不显示。有人可以帮我吗？

这是我的js:

$('.hledejNACE').autocomplete({
    source: function( request, response ) {
        $.ajax({
            url: "ac.php",
            dataType: "jsonp",
            data: {term: request.term},
            success: function( data ) { response( data ); }
        });  
    },
    minLength:1,
    select:function(evt, ui) {
        // when a name is selected, populate related fields in this form
        this.form.kodNACE.value = ui.item.kodNACE;
    }
}); 

Mozilla 开发工具表示，数据已成功以 JSON 格式返回。

这是我的 html:

<form onsubmit="return false;">
    Name: <input id="hledejNACE" type="text" class="hledejNACE" style="width:250px;"/>
    Code: <input id="kodNACE" type="text" disabled />
</form>

我已经链接了这些脚本:

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

Answer 1

好吧，我找到了解决方案:

您需要在 PHP json 返回中使用回调:

<?php

    $data = '{}'; // json string

    if(array_key_exists('callback', $_GET)){

        header('Content-Type: text/javascript; charset=utf8');
        header('Access-Control-Allow-Origin: http://www.example.com/');
        header('Access-Control-Max-Age: 3628800');
        header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE');

        $callback = $_GET['callback'];
        echo $callback.'('.$data.');';

    }else{
        // normal JSON string
        header('Content-Type: application/json; charset=utf8');

        echo $data;
    }
?>

感谢大家的努力!