jQuery AutoSuggest無法正常工作

Question

大家好，我通過使用php獲取數據來使用jQuery的autosuggest插件。 但這似乎不起作用，因為我總是得到：即使我確定有結果，也找不到結果：

這是php代碼：

<?php
ini_set('display_errors', 'On');
error_reporting(E_ALL | E_STRICT);

$input = mysql_escape_string($_GET["q"]);
$data = array();
$mysql=mysql_connect('localhost','***','***');
mysql_select_db('jmtdy');
$query = mysql_query("SELECT * FROM users WHERE username LIKE '%".$input."%'");
while ($row = mysql_fetch_assoc($query)) {
$json = array();
$json['value'] = $row['id'];
$json['name'] = $row['username'];
$data[] = $json;
}
header("Content-type: application/json");
echo json_encode($data);
?>

和腳本：

<script >
$(document).ready(function () {

$("#suggestedfriend").autoSuggest("suggestedf.php");
});





</script>

Answer 1

<script >  
  $(document).ready(function () {  
      $("#suggestedfriend").autoSuggest(
           "suggestedf.php",
           {
                selectedValuesProp: "value",
                selectedItemProp: "name",
                searchObjProps: "name"
           });
  });
</script>

添加以上參數，它將開始工作:)

Answer 2

只需查看數據，該服務器就會將您發送回去。 如果您使用firefox，則可以在firebug的網絡標簽中觀看它，或者如果您使用chrome，則可以在資源中查看它。

Answer 3

標頭必須位於文件頂部，緊接在

<?php
header('Content-type: application/json');

include_once 'resources/dbconn.php';

$term = $_REQUEST['term'];
$query = "SELECT * FROM cds WHERE titel LIKE '%$term%'";
$result = $mysqli->query($query);
$arr = array();
while ($obj = $result->fetch_array()) {
    $arr[] = $obj;
}

//for jsonp echo '('.json_encode($arr).')';
echo json_encode($arr);
?>

JS / jQuery字符串

<script type="text/javascript">

    $(function() {
        var cache = {},
            lastXhr;
        $("#exercise").autocomplete({
            minLength: 2,
            source: function(request, response) {
                var term = request.term;
                if (term in cache) {
                    response(cache[term]);
                    return;
                }
                lastXhr = $.getJSON("json_Search.php", request, function(data,status,xhr) {
                    cache[term] = data;
                    if (xhr === lastXhr) {
                        response(data);
                    }
                });
            }
        });
    });
    </script>