バックエンドからユーザーにロードされたJSONをレンダリングするユーザーが最初に呼び出したときのマシン

Question

ユーザーが最初の文字を入力すると、ユーザーはその提案を見ることができる入力要素を作成したいと考えています。たとえば、ユーザーが「A」と入力すると、「A」で始まるすべての国名を提案する必要があります。バックエンドへの呼び出しを毎回行う代わりに、JSON全体をダウンロードしてそこから消耗したいと思っています。 jqueryまたはjavascriptのいずれかの手順を助言してください。どうもありがとう。

Answer 1

バックエンドファイルである可能性がある外部ソースからcoutries配列を読み取るようにコードを変更しました。

<?php 
// this is your ajax.php backend file 
$countries = array("Austria","Belgium","Canada","Danmark"); 
echo json_encode($countries); 
?> 

$.ajax({url: "ajax.php", success: function(result){ 
    /* read external file and parse data into json array*/ 
    var availableTags = JSON.parse(result);  
    $("#countries").autocomplete({ source: availableTags }); 
}}); 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
<label for="countries">Country: </label> 
<input id="countries" />