Jquery Autosuggest Not Working

Hey guys, I'm using jQuery's autosuggest plugin by using php to get the data. But it doesn't seem to work since I always get: No Results Found, even though I'm sure there are resul

Solution 1:

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

Add the above parameters, it will start to work :)

Solution 2:

Just look at data, that server sends you back. If you use firefox you can watch it in network tab of firebug, or if you use chrome see it in resources.

Solution 3:

The header must be in top of the file, right after the

<?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);
?>

The JS/jQuery string

<scripttype="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>