JQuery UI Autocomplete Search Results do not display

问题

arrayI am getting no search results from my mysql database using php.

PHP Code:

require_once "connectmysql.php";
$belongsto=$current_user->businessname;
$q = trim(strip_tags($_GET["term"]));
if (!$q) return;
$sql = "select clientname as value from zb_clients where clientname LIKE '%".$q."%' AND belongsto='".$belongsto."'";
$result = mysql_query($sql);
while($row = mysql_fetch_array($result,MYSQL_ASSOC)) {
    $row['value']=htmlentities(stripslashes($row['value']));
    $row_set[] = $row;
}
echo json_encode($row_set);

JQuery Code:

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css" type="text/css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js"></script>

<script type="text/javascript">
$(function() {

    //autocomplete
    $("#search").autocomplete({
        source: "../searchclient.php",
        minLength: 1,
    });             

});
</script>

Input Field:

<input type="text" name="search" id="search" placeholder="Search for Business Name" />

I believe the php code is correct. If I run the php code on its own and use /searchclient.php?term=a

as an example, it returns the results that I want in an array.

e.g. [{"value":"Hello World"},{"value":"East Meets West JV"}].

If I replace the Jquery line

source: "../searchclient.php",

with

source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ],

then the automocomplete works with that source. So there must be an issue with the array passing back into JQuery.

I cant quite put my finger on it. Am I missing something crucial?

Ive tried debugging with firebug but its not returning any errors.

Any help would be greatly appreciated!

Edited PHP Code:

require_once "connectmysql.php";
$belongsto=$current_user->businessname;
$q = $_GET["term"];
if (!$q) return;
$sql = "select clientname as value, idzb_clients as id from zb_clients where clientname LIKE '%".$q."%' AND belongsto='".$belongsto."'";
$result = mysql_query($sql);
while($row = mysql_fetch_array($result,MYSQL_ASSOC)) {
    $row['id']=htmlentities(stripslashes($row['id']));
    $row['value']=htmlentities(stripslashes($row['value']));
    $row['label']=htmlentities(stripslashes($row['value']));
    $row_set[] = $row;
}
echo json_encode($row_set);

回答1:

Try this:

$("#search").autocomplete({
    source: "../searchclient.php",
    minLength: 1,
}).data("autocomplete")._renderItem = function(ul, item) {
    return $("<li>").data("item.autocomplete", item).append("<a>" + item.value + "</a>").appendTo(ul);
};

回答2:

I went down the AJAX route and this seemed to work:

HTML

$( "#search" ).autocomplete({
  source: function( request, response ) {
    $.ajax({
      url: "../searchclient.php",
      dataType: "json",
      data: {
        q: request.term
      },
      success: function( data ) {
        response( data );
      }
    });
  },
  minLength: 1
});

SEARCHCLIENT.PHP

<?php

require_once "connectmysql.php";
$belongsto = $current_user->businessname;
$q = $_GET['q'];
$sql = "select clientname as value, idzb_clients as id, has_ledger_setup from zb_clients where clientname LIKE '%".$q."%' AND belongsto='".$belongsto."'";
$result = mysql_query($sql);
while($row = mysql_fetch_array($result,MYSQL_ASSOC)) {
    $row['id'] = htmlentities(stripslashes($row['id']));
    $row['value'] = htmlentities(stripslashes($row['value']));
    $row['label'] = htmlentities(stripslashes($row['value']));
    $row_set[] = $row;
}
header('Content-Type: application/json');
echo json_encode($row_set);

?>

来源：https://stackoverflow.com/questions/26879725/jquery-ui-autocomplete-search-results-do-not-display

标签

php

jquery

mysql

json

jquery-ui-autocomplete