Ajax 使用单个输入框搜索多个参数

Question

尝试实现类似于here 的搜索。此搜索基于城市、地区、房产名称和建筑商名称的属性。现在有一个较小的版本，它只搜索地区名称我附加了城市名称。

$(document).ready(function(){
        //alert("Entered");
        $("#searchId").keyup(function() 
        {
        var searchbox = $(this).val();
        var dataString = 'searchword='+ searchbox;

        if((searchbox=='') || (searchbox=='e.g') )
        {
            //$('#display').css('display') == 'none';
            $('#display').hide();
        }
        else
        {   

            if("#searchId".length>3)
        {
            $.ajax({
            type: "POST",
            url: "search.php",
            data: dataString,
            cache: false,
            success: function(html)
            {
                $("#display").html(html).show();    

                $(".name").click(function(){
                                    //  alert($(this).text());
                                            $("input#searchId").val($(this).text());
                                            $('#display').hide();
                                }); 
             }          
            });

        }
        }return false;    

        });                 

        });

在 search.php 我有这样的查询，

$sql_res=mysql_query("select * from locality as loc inner join cities as cit on loc.city_id=cit.city_id where locality_name like '%$q%' or city_name like '%$q%' order by locality_id LIMIT 5");

但我希望它的功能类似于给定的链接。下拉菜单应在前面显示所选条件的名称及其类型（例如：Pune(criteria) city(type)） .如何编写 sql 语句和 ajax/jquery 函数来实现这一点？

编辑： 为输入框添加 HTML

 <input type="text" autocomplete="off" class="homeinput ac_input" title="Search" id="searchId" name="SearchValue" value="e.g lodha new cuffe parade, thane mumbai" onFocus="if(this.value=='e.g lodha new cuffe parade, thane mumbai') this.value='';" onBlur="if(this.value=='') this.value='e.g lodha new cuffe parade, thane mumbai';">

感谢您的时间。

Answer 1

在看下面的代码之前，有几点需要注意：

• 这看起来很容易受到 SQL 注入的影响。在插入此查询之前，无法查看您的 PHP 代码以及您要执行的操作 $q ...我只能说：小心。如果您不验证 $q 的输入，我所要做的就是输入：“'; DROP TABLE localities;” 请注意，这在技术上是行不通的，因为 mysql_query 只支持单个命令，但风险仍然存在
• 此查询类型不允许您使用索引，并且可能执行速度很慢。考虑删除 $q 之前的 %，以允许 MySQL 使用索引，或者切换到具有部分单词索引功能的全文引擎。如果这个表足够大，这可能会变得很慢

但是，这是正确的方法：

(
    SELECT
      'Locality' AS `type`,
       `locality_name` AS `name`
    FROM
       `locality`
    WHERE
       `locality_name` LIKE '%$q%'
)
UNION ALL
(
    SELECT
       'City' AS `type`,
       `city_name` AS `name`
    FROM
       `cities`
    WHERE
       `city_name` LIKE '%$q%'
)

Answer 2

我认为你最好有两个不同的 MySQL 搜索。喜欢...

$sql_res=mysql_query("select * from locality as loc inner join cities as cit on loc.city_id=cit.city_id where locality_name like '%$q%' order by locality_id LIMIT 5");

然后是第二个……

$sql_res=mysql_query("select * from locality as loc inner join cities as cit on loc.city_id=cit.city_id where city_name like '%$q%' order by locality_id LIMIT 5");

然后使用您的 php 将两个查询的结果与每行末尾的 [type] 连接起来。你的 jQuery 真的不需要改变。