jQueryのオートコンプリートJSON同じ結果

Question

私はのindex.phpでこのコードを持っている

$(document).ready(function(){ 
$("#searchInput").autocomplete({ 
source: "getResults.php" 
}); 

とgetResults.phpは含まれています

<?php 
$result = array(); 
array_push($result, "Apple"); 
array_push($result, "Banana"); 
array_push($result, "Orange"); 
echo json_encode($result); 
?> 

を私が同じになっておくのはなぜ結果？私は同じリスト/結果を得るsearchInput内に入力

が何であれ、

ありがとうございました。

Answer 1

あなたはこのデータだけを持って

「PHPスクリプトに提出されたものは何でも」送信されていないので：

あなたが買ってあげるすべてです

<?php 
$result = array(); 
array_push($result, "Apple"); 
array_push($result, "Banana"); 
array_push($result, "Orange"); 
echo json_encode($result); 
?> 

。

あなたは$_POSTをチェックして、あなたが提案する自動を表示したいコメントで述べているので、配列

UPDATE

にポストコンテンツをプッシュする必要があり、あなたはこのような何かをする必要があります。

//php file 

if($_POST && isset($_POST['keyword']){ 
    $search = $_POST['keyword']; 
    $array = ['Apple', 'Banana', 'Orange']; 

    foreach($array as $fruit){ 
    if(strpos($search, $fruit) === 0){ 
     echo $fruit; 
    } 
    } 
} 

このphpファイルには、ajax経由でPOSTリクエストとして送信することができます。

Answer 2

私はあなたのJSで不足しているブラケットを参照してください、私はあなたの側で正しく設定することを思っている：

$(document).ready(function(){ 
 
    $("#searchInput").autocomplete({ 
 
    source: "getResults.php" 
 
});

は次のようになります。

$(document).ready(function(){ 
 
    $("#searchInput").autocomplete({ 
 
     source: "getResults.php" 
 
    }); 
 
});

編集：

あなたが別のファイルからデータを取得しているので、あなたはここで指示に従う必要があります。

https://jqueryui.com/autocomplete/#remote

これは、PHPファイルを呼び出すことを説明します。