Javascript JQuery自动完成';使用json从数据库中删除源代码

Javascript JQuery自动完成';使用json从数据库中删除源代码,javascript,jquery,html,autocomplete,Javascript,Jquery,Html,Autocomplete,我试图使用数据库中的源代码使jquery自动完成输入字段,数据存储在json中。我将所有数据存储在一个变量中,如下所示: 当我将source设置为sinput字段的值时,我得到了整个句子(这是我的示例中所期望的)…但是现在我知道有三个单词(第一个-skijanje,第二个-vodopoad,第三个-more),所以在我的autocomplete中有三个选项。以下是我使用php获取数据的代码: 不要使用纯ajax,尝试以下方法: jQuery Ajax $( function() {

我试图使用数据库中的源代码使jquery自动完成输入字段,数据存储在json中。我将所有数据存储在一个变量中,如下所示:

当我将source设置为sinput字段的值时,我得到了整个句子(这是我的示例中所期望的)…但是现在我知道有三个单词(第一个-skijanje,第二个-vodopoad,第三个-more),所以在我的autocomplete中有三个选项。以下是我使用php获取数据的代码:


不要使用纯ajax,尝试以下方法:

jQuery Ajax

$( function() {    
    $("#search-loged").autocomplete({
        source: 'tourTitle.php',
        minLength: 2,
        select: function( event, ui ) {
          log( "Selected: " + ui.item.value + " aka " + ui.item.id );
        }
    });
});
HTML

<p id="demo"></p>
 <input type="text" id="demo2" value="" name='x'>

PHP

<?php
header("Content-Type: application/json; charset=UTF-8");
$obj = json_decode($_GET["x"], false);

$conn = new mysqli("localhost", "user_name", "user_pass", "db_name");
$result = $conn->query("SELECT `title`, `type` FROM " . $obj->table);
$output = array();
$output = $result->fetch_all(MYSQLI_ASSOC);

$response = array();
foreach($output as row){
  $response[] = ["value"=>$row['title'],"label"=>$row['title']];
}

echo json_encode($response);

你不使用autocomplete ajax选项吗?我不知道如何使用它,现在我将尝试它。@SupunPraneeth-我如何将我从数据库(使用php和json/json)获得的数据放入数组“otherPlaces”…将是我的autocomplete的源。参见示例: