json、ajaxを使用してonkeyupまたはkeydownにデータを渡す方法

Question

データをフェッチして渡す方法。フォームと応答customername onkeyupまたはkeydown jsonとphpに変換します。ここで

<?php 
$conn = new mysqli("localhost", 'root', "", "laravel"); 
$query = mysqli_query($conn,"select * from customers"); 

while ($result2=mysqli_fetch_assoc($query)) { 
    $data[] = $result2['customername']; 
} 
echo json_encode($data); 
?> 

は、JavaScriptのAjaxでのHTMLコードです： -

 <div id="demo"> 
    CustomerName: <input type="search" name="customername"> 
     </div> 
     <script> 
      var xmlhttp = new XMLHttpRequest(); 
      var url = "connection.php"; 
      xmlhttp.onreadystatechange = function() { 
       if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
        myFunction(xmlhttp.responseText); 
       } 
      } 
      xmlhttp.open("GET", url, true); 
      xmlhttp.send(); 

      function myFunction(response) { 
       var arr = JSON.parse(response); 

       document.getElementById("demo").innerHTML = arr; 
      } 
     </script> 

keyUpイベントまたはKeyDownイベントとCustomerNameのがダウンして表示する必要がある関連提案にフォームと応答に渡す方法。私はJSONとjavascriptとサンプルサイトを初めて使い慣れています。前もって感謝します。すべての提案は大歓迎です。

Answer 1

あなたのコードサンプル

$conn = new mysqli("localhost", 'root', "", "laravel"); 
$query = mysqli_query($conn,"select * from customers"); 
$dataForJSON = array() 
while($result2=mysqli_fetch_assoc($query)) { 
    $dataForJSON[] = $result2['customerName']; 
} 
echo json_encode($dataForJSON); 

からJSONからデータを返すために、これは `JSON.parse(response)