基于数据库列的记录过滤无法使用自动完成搜索 PHP

Question

我在我的站点中集成了自动完成搜索功能，用户可以在其中输入关键字并根据它查看记录。

假设，如果我写邮政编码，它只过滤来自邮政编码字段的数据。接下来，如果用户键入像 121 North West 这样的地址，那么脚本会自动选择匹配 121 North West 的记录。此外，对于街道也是如此，如果用户输入街道名称，如雪松巷，那么它只会从数据库字段街道中获取记录。

我在搜索所有字段的记录时遇到问题，因此我无法从数据库中获得正确的列表。

我正在关注的参考站点是 http://www.trulia.com，这是按预期工作的。我想在我的网站上使用同样的东西，它可以工作，但不像我期望的那样。

我的PHP代码：

<?php
$searchKeyword  = $_REQUEST['keyword'];

$searchQ    =   "SELECT zip, ste, st, st_num, town, addr FROM tbl_property WHERE (zip = '$searchKeyword' OR ste like '%$searchKeyword%' OR town like '%$searchKeyword%' OR addr like '%$searchKeyword%') GROUP BY zip LIMIT 0,5";
$queryRec   = mysql_query($searchQ);
$recSet     = mysql_num_rows($queryRec);
echo "<div id='fetchRecs'><ul>";
if($recSet>0){
    while($row = mysql_fetch_array($queryRec)) { 
        echo '<li>'.$row['addr'].', '.$row['town'].', '.$row['ste'].', '.$row['zip'];?></li>
    <?php
            }
        }else{
    echo "<li>No Records Found</li>";       
    }
echo "</ul></div>";

我只希望用户输入 123，列表显示为 1234、1245，以及仅显示邮政编码列中的邮政编码的列表。

相同，如果用户写 123 cedar，它会选择类似于 123 cedar 的列表，仅表示它将来自 street 列。

P.S：我只有一个文本字段，我在其中键入关键字，例如：http://www.trulia.com

P.S: 我的问题还没有解决，有什么有用的信息请分享。可能它也适用于其他人。

Answer 1

已更新

这是来自http://www.trulia.com/

的表格

<div class="searchbox">
  <form id="searchbox_form" class="searchbox_form form man" method="get" action="/submit_search/" autocomplete="off">
    <div class="field man">

      <span class="select">
        <div id="homepage-select" class="selectPretty">
          <select id="search_options" class="h5 man txtL" name="display_select" data-previous-selection="for_sale">
              <option value="for_sale">Buy</option>
              <option value="for_rent">Rent</option>
              <option value="sold">Recently sold</option>
          </select>
          <div class="selectDisplay btn btnLrg btnDefault rrn backgroundBasic pts plm">
            <span class="selectLabel h5">Buy</span>
            <span class="selectTrigger pts"><i class="iconDownOpen"></i></span>
          </div>
        </div>
      </span>
      <span class="text">
        <div style="display: none; top: 129px; left: 297.5px; width: 370px;" class="autosuggest_list"><ul><li class="location-get-me">Current Location</li></ul></div><input id="searchbox_form_location" type="text" name="search" class="searchbox_form_location searchInput text searchByLocation typeWeightNormal h5 man" value="" placeholder="Search by neighborhood, city, zip or address" autocomplete="off">
        <input type="hidden" name="locationId" value="">
        <input type="hidden" name="locationType" value="">
        <input type="hidden" name="tst" class="searchbox_form_type" value="h">
        <input type="hidden" name="ac_entered_query" value="">
        <input type="hidden" name="ac_index" value="">
        <input type="hidden" name="propertyId" value="">
        <input type="hidden" name="propertyIndex" value="">
        <input type="hidden" name="display" class="searchbox_form_type_display" value="for sale">
        <button class="btn btnPrimary submit"><span class="h5 typeEmphasize"><i class="iconSearch h4"></i>SEARCH</span></button>
      </span>
    </div>
  </form>
</div>

此外，如果您过滤页面发出的 GET 请求，您可以在文本 bax 中插入值时看到 json 正在请求 ajax:

{
    "locations": [{
        "value": "47977",
        "altValue": null,
        "display": "19901",
        "type": "zipCode",
        "propertyIndex": "",
        "index": 0
    }, {
        "value": "47978",
        "altValue": null,
        "display": "19902",
        "type": "zipCode",
        "propertyIndex": "",
        "index": 1
    }, {
        "value": "47979",
        "altValue": null,
        "display": "19903",
        "type": "zipCode",
        "propertyIndex": "",
        "index": 2
    }, {
        "value": "47980",
        "altValue": null,
        "display": "19904",
        "type": "zipCode",
        "propertyIndex": "",
        "index": 3
    }, {
        "value": "47981",
        "altValue": null,
        "display": "19905",
        "type": "zipCode",
        "propertyIndex": "",
        "index": 4
    }],
    "suggestions": [],
    "success": true,
    "errors": []
}

这类似于我首先给你的最后一个例子（使用 ajax 为你的搜索设置一个隐藏的值输入），然后在你的 php 文件中你可以切换到那个隐藏的输入值，在 json 中是 "type": "zipCode"

您可以使用这些附加信息再次阅读上一个方法。

如果我理解错了，请告诉我，希望这对你有所帮助。

如果您想为您的客户将要搜索的每种搜索类型获取单独的列表，您可以输入另一个关于搜索类型的输入：

<select name="field">
    <option value="zip">Zip Code</option>
</select>
<input type="text" name="keyword" />

然后在您的 php 代码中：

$field = $_REQUEST['field'];
$keyword = $_REQUEST['keyword'];
$query = "SELECT * FROM tbl_property";
$where = "";
switch ($field) {
    case 'zip':
        $where = " WHERE zip = " . $keyword;
        break;
    case 'addr':
        $where = " WHERE addr like " . $keyword . "%";
        break;
    case 'city':
        $where = " WHERE city like " . $keyword . "%";
        break;
}
$query = $query . $where . " GROUP BY zip LIMIT 0,5";

这将根据客户搜索的内容为您提供一个单独的列表。

其他形式是分析关键字中的数据，例如您知道如果您只有一个也可以转换为数字的单词，它指的是邮政编码

你可以为此使用数组：

$keyword = $_REQUEST['keyword'];
$query = "SELECT * FROM tbl_property";
$where = "";
$parms = split(" ", $keyword);
if(count($parms) == 1 && intval($parms[0], 10) > 0){
    $where = " WHERE zip = " . $keyword;
}elseif (count($parms) > 1){
    $where = " WHERE addr like %" . $keyword . "%";
}

这取决于你自己的逻辑。

如果我理解错了，请告诉我，希望这对你有所帮助。

MOD 2015/03/05 8:00:00 p.m.

您还可以使用 javascript 和 ajax 获取您拥有的城市、邮政编码和地址列表，并在隐藏输入中设置您将进行的搜索类型。例如，使用 jQuery:

<input type="text" name="keyword" id="keyword"           />
<input type="hidden" name="field" id="field" value="all" />
<div id="lists"></div>

<script>
    $('#keyword').change(function() {
        $.ajax({
            type: "POST",
            url: "req.php",
            data:{ key: $(this).val() },
            success: function(data){
                $('#lists').html(data);
            }
        });
    });
    $('#lists ul li').click(function(){
        $('#keyword').val($(this).html());
        $('#field').val($(this).parent().data('field'));
    });
</script>

在 req.php

$key = $_POST['key'];

$db = new mysqli('localhost', 'user', 'pass', 'db');

$query = "SELECT zip FROM tbl_property WHERE zip like " . $key . "%;";
$zips = $db->query($query);

$query = "SELECT addr FROM tbl_property WHERE addr like " . $key . "%;";
$addrs = $db->query($query);

echo ('<h1>Zips</h1><ul data-field="zip">');
while($row = $zips->fetch_assoc()){
    echo ("<li>" . $row['zip'] . "</li>");
}

echo ('</ul><hr /><h1>Addrs:</h1><ul data-field="addr">');
while($row = $addrs->fetch_assoc()){
    echo ("<li>" . $row['addr'] . "</li>");
}
echo ('</ul>');

$db->close();

如果我没有遗漏任何东西，它应该会起作用。

如果我理解错了，请告诉我，希望这对你有所帮助。

Answer 2

你必须定义你的策略，你可以像网络 www.trulia.com 一样使用 JSON，或者 html 响应等等。

你的html文件，使用json方法，记得定义自己的逻辑！:

<input type="text" name="keyword" id="keyword" />
<input type="hidden" name="field" id="field" value="all" />
<div id="lists"></div>

<script>
    $('#keyword').change(function() {
        $.ajax({
            type: "POST",
            url: "req.php",
            data:{ key: $(this).val() },
            success: function(data){
                //Show the data to the clients
                //(in a div or a "select2" plugin)
                $.each(data.locations, function( key, value ) {
                    //iterate over locations
                }

                //SetUp hidden default value while keyword change
                //Form the JSON Response
                $('#field').val(data.locations[0].type); //Get the type of the first element in locations
            }
        });
    });
    $('#lists ul li').click(function(){
        $('#keyword').val($(this).html());
        $('#field').val($(this).parent().data('field'));
    });
</script>

req.php 文件：

$key = $_POST['key'];

$data = array(
              'locations' => array(),
              'errors'=>array(),
              'success': true,
              );

header('Content-Type: application/json');

$db = new mysqli('localhost', 'user', 'pass', 'db');

if($db->connect_errno > 0){
    $data['errors'][] = $db->connect_error;
    die(json_encode($data));
}

$query = "SELECT zip FROM tbl_property WHERE zip like " . $key . "%;";
if(!$zips = $db->query($sql)){
    $data['errors'][] = $db->connect_error;
    die(json_encode($data));
}

$query = "SELECT city FROM tbl_property WHERE city like " . $key . "%;";
if(!$cities = $db->query($sql)){
    $data['errors'][] = $db->connect_error;
    die(json_encode($data));
}

$index = 0;

while($row = $zips->fetch_assoc()){
    $data['locations'][] = array(
        "value": $row['zip'],
        "altValue": null,
        "display": $row['zip'],
        "type": "zipCode",
        "propertyIndex": "",
        "index": $index
    );

    $index = $index + 1
}

while($row = $cities->fetch_assoc()){
    $data['locations'][] = array(
        "value": $row['city'],
        "altValue": null,
        "display": $row['city'],
        "type": "city",
        "propertyIndex": "",
        "index": $index
    );

    $index = $index + 1
}

$db->close();

header('Content-Type: application/json');
echo json_encode($data);

JSON 响应如 trulia.com:

{
    "locations": [{
        "value": "47977",
        "altValue": null,
        "display": "19901",
        "type": "zipCode",
        "propertyIndex": "",
        "index": 0
    }, {
        "value": "47978",
        "altValue": null,
        "display": "19902",
        "type": "zipCode",
        "propertyIndex": "",
        "index": 1
    }, {
        "value": "47979",
        "altValue": null,
        "display": "19903",
        "type": "zipCode",
        "propertyIndex": "",
        "index": 2
    }, {
        "value": "47980",
        "altValue": null,
        "display": "19904",
        "type": "zipCode",
        "propertyIndex": "",
        "index": 3
    }, {
        "value": "47981",
        "altValue": null,
        "display": "19905",
        "type": "zipCode",
        "propertyIndex": "",
        "index": 4
    }],
    "success": true,
    "errors": []
}

在您的搜索 php 文件中（用户提交时将搜索的文件）

$field = $_REQUEST['field'];
$keyword = $_REQUEST['keyword'];
$query = "SELECT * FROM tbl_property";
$where = "";
switch ($field) {
    case 'zip':
        $where = " WHERE zip = " . $keyword;
        break;
    case 'addr':
        $where = " WHERE addr like " . $keyword . "%";
        break;
    case 'city':
        $where = " WHERE city like " . $keyword . "%";
        break;
}
$query = $query . $where . " GROUP BY zip LIMIT 0,5";

$db = new mysqli('localhost', 'user', 'pass', 'db');
$result = $db->query($query);

// show the result

$db->close();

如果我没有遗漏任何东西，它应该会起作用。

如果我理解错了，请告诉我，希望这对你有所帮助。

Answer 3

首先请原谅我的错误

好的，我改变了一些东西，现在可以正常工作了：

//Filter:
<?php

  if (isset($_REQUEST['field']) && isset($_REQUEST['keyword'])) {
    $field = $_REQUEST['field'];
    $keyword = $_REQUEST['keyword'];
  }else{
    $field = null;
    $keyword = null;
  }
  $query = "SELECT * FROM tbl_property";
  $where = "";
  switch ($field) {
      case 'zipCode':
          $where = " WHERE zip like '" . $keyword . "%'";
          break;
      case 'addr':
          $where = " WHERE addr like " . $keyword . "%";
          break;
      case 'city':
          $where = " WHERE city like " . $keyword . "%";
          break;
  }
  $query = $query . $where;

  $db = new mysqli('localhost', 'user', 'password', 'db');
  if ($db->connect_errno > 0){
    die($db->connect_error);
  }

  $result = $db->query($query)
?>

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Searcher</title>
  <link rel="stylesheet" href="">
</head>
<body>

    <section id="searcher">
      <form action="" method="post">
      <input type="text" name="keyword" id="keyword"           />
      <input type="hidden" name="field" id="field" value="all" />
      <div id="lists">
        <ul></ul>
      </div>
      </form>
    </section>

    <section id="results">
        <table>
          <caption>Results</caption>
          <thead>
            <tr>
              <th>Zip</th>
              <th>Address</th>
              <th>City</th>
            </tr>
          </thead>
          <tbody>
            <?php while($row = $result->fetch_assoc()){ ?>
            <tr>
              <td><?php echo ($row['zip']); ?></td>
              <td><?php echo ($row['addr']); ?></td>
              <td><?php echo ($row['city']); ?></td>
            </tr>
            <?php } ?>
          </tbody>
        </table>      
    </section>

    <script src="http://code.jquery.com/jquery-2.1.3.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
      $( "#keyword" ).keyup(function() {
        $.ajax({
            type: "POST",
            url: "req.php",
            data:{ key: $(this).val() },
            success: function(data){
                //Show the data to the clients
                //(in a div or a "select2" plugin)
                if (data.locations.length > 0){
                  $('#lists ul').html('');
                  $.each(data.locations, function( key, location ) {
                      //iterate over locations
                      $('#lists ul').append( '<li data-field="' + location._type + '">' + location.value  + '</li>' );
                  });

                  //SetUp hidden default value while keyword change
                  //Form the JSON Response
                  $('#field').val(data.locations[0]._type);
                }else{
                  $('#lists ul').html('No Results!');
                  $('#field').val('all');
                }
            }
        });
      });

      $('#lists ul li').click(function(){
          $('#keyword').val($(this).html());
          $('#field').val($(this).parent().data('field'));
      });
    </script>

</body>
</html>

<?php
  $db->close();
?>

和

//req.php
<?php
$key = $_POST['key'];

$data = array(
              'locations' => array(),
              'errors'=>array(),
              'success'=> true
              );

header('Content-Type: application/json');

  $db = new mysqli('localhost', 'user', 'password', 'db');

if($db->connect_errno > 0){
    $data['errors'][] = $db->connect_error;
    die(json_encode($data));
}

$query = "SELECT zip FROM tbl_property WHERE zip LIKE '" . $key . "%';";
$zips = $db->query($query);

$query = "SELECT city FROM tbl_property WHERE city LIKE '" . $key . "%';";
$cities = $db->query($query);

if($db->connect_errno > 0){
    $data['errors'][] = $db->connect_error;
    die(json_encode($data));
}

$index = 0;
if ($zips){
  while($row = $zips->fetch_assoc()){
      $data['locations'][] = array(
          "value"=> $row['zip'],
          "altValue"=> null,
          "display"=> $row['zip'],
          "_type"=> "zipCode",
          "propertyIndex"=> "",
          "index"=> $index
      );
      $index = $index + 1;
  }
}
if ($cities){
  while($row = $cities->fetch_assoc()){
      $data['locations'][] = array(
          "value"=> $row['city'],
          "altValue"=> null,
          "display"=> $row['city'],
          "type"=> "city",
          "propertyIndex"=> "",
          "index"=> $index
      );

      $index = $index + 1;
  }
}

$db->close();

header('Content-Type: application/json');
echo json_encode($data);

我没有运行测试lists ul li元素上的点击事件，因为我不知道你会做什么，而且是次要的部分。

我希望这就是您要找的。保持联系。

基于数据库列的记录过滤无法使用自动完成搜索 PHP

Database column based record filtering not working using auto-complete search PHP

php

mysql

search

full-text-search

full-text-indexing

已更新