Question

我遇到了jQuery自动完成问题。基本上我有一个搜索栏，当你输入你正在寻找的jQuery代码时，我调用了一个php脚本，它执行MySQL查询并返回我需要的所有内容并相应填写文本框。我当时想要做的是从自动完成中获取我收到的值，并在另一个自动完成中使用它来填充更多数据。棘手的部分是我需要通过第二个查询获得的数据位于与第一个查询不同的表中，这些表共享一个关系。我的问题是我需要一个完全独立的函数来执行此操作，或者我可以简单地将两个查询放在1个php脚本中，并将第一个查询中的信息用于我的第二个查询。

感谢任何帮助！

这是jQuery函数：

$(function() {

/*            $('#abbrev').val("");
*/             
            $("#q16_location16").autocomplete({
                source: "location_query.php",
                minLength: 1,
                select: function(event, ui) {
                    $('#q16_location161').val(ui.item.LocationID);
                    $('#SystemName').val(ui.item.SystemName);
                    $('#SiteAddress1').val(ui.item.SiteAddress1);
                    $('#SiteAddress2').val(ui.item.SiteAddress2);
                    $('#SiteCPP').val(ui.item.SiteCPP);
                    $('#Contact').val(ui.item.Contact);
                    $('#SiteLocationHours').val(ui.item.SiteLocationHours);
                }
            });
        });

和php脚本：

/* If connection to database, run sql statement. */
if ($conn)
{

    $fetch = mysql_query("
    SELECT Location.LocationID,
    Location.SystemName,
    Location.SiteAddress1,
    Location.SiteAddress2,
    CONCAT_WS(' ', Location.SiteCity, Location.SiteProvince, Location.SitePostalCode) AS SiteCPP,
    CONCAT_WS(' ', Location.ContactName, Location.ContactPhone, Location.ContactEmail) AS Contact,
    Location.SiteLocationHours, 
    CONCAT_WS(' ', SystemName, SiteNameLocation, SiteAddress1, SiteCity, SiteProvince, SitePostalCode) as expr2 
    FROM Location 
    WHERE Location.SystemName like '%".mysql_real_escape_string($_GET['term'])."%'
    OR Location.SiteNameLocation like '%".mysql_real_escape_string($_GET['term'])."%'
    OR Location.SiteAddress1 like '%".mysql_real_escape_string($_GET['term'])."%'
    OR Location.SiteCity like '%".mysql_real_escape_string($_GET['term'])."%'
    OR Location.SiteProvince like '%".mysql_real_escape_string($_GET['term'])."%'
    OR Location.SitePostalCode like '%".mysql_real_escape_string($_GET['term'])."% '
    LIMIT 0,15");


    /* Retrieve and store in array the results of the query.*/
    while ($row = mysql_fetch_array($fetch, MYSQL_ASSOC)) {
        $row_array['LocationID'] = $row['LocationID'];
        $row_array['value'] = $row['expr2'];
        $row_array['SystemName'] = $row['SystemName'];
        $row_array['SiteAddress1'] = $row['SiteAddress1'];
        $row_array['SiteAddress2'] = $row['SiteAddress2'];
        $row_array['SiteCPP'] = $row['SiteCPP'];
        $row_array['Contact'] = $row['Contact'];
        $row_array['SiteLocationHours'] = $row['SiteLocationHours'];

        array_push($return_arr,$row_array);
    }
}

/* Free connection resources. */
mysql_close($conn);

/* Toss back results as json encoded array. */
echo json_encode($return_arr, $return_arr2);

因此，当用户输入“纽约”时，他们可以选择该选项。在我的例子中，纽约的ID为5.我也有一个查询选择纽约的不同街道，但这是在一个单独的表中。然而，在我的街道表中，有一个“LocationID”列，纽约的每条街道都有5个值。所以我想在用户进入纽约时生成所有街道的ID为5不同的表也有该ID。我在创建新函数方面尝试过多种方法，但我不确定如何将该ID传递给函数。

由于

Answer 1

您可以使用一个PHP脚本。以下是我认为基本结构的样子：

将两个值传递给“location_query.php”。第一个值是您要查询的表的名称。第二个值可以是自动完成文本框中的选择结果。
从传递给“location_query.php”的两个值在“location_query.php”中创建一个预准备语句。
执行查询。
JSON对结果进行编码（就像之前一样）。

我还想指出您的代码存在安全问题。您应该使用Mysqli和prepared statements而不是PHP的MySQL，并且mysql_real_escape_string. mysql_real_escape_string已被证明具有可导致安全漏洞的安全缺陷，并且PHP的MySQL类已被弃用。 Mysqli和Prepared语句更安全，在我看来，它提供了更清晰的代码，因为它允许SQL和参数的分离。

希望这有帮助！

编辑：我想我明白你现在要做的是什么，但我认为有更好的方法去做。我不会将id值分配给隐藏字段并尝试在每次更改字段时检测jquery，而是执行以下操作：

对于您的第一个文本框的选择方法：

select:function(event, ui) {
    $.get("location_query.php", {
        searchterm:$(ui).val()
        }, yourFunction);
}

以下是“queryFinished”的示例实现：

function queryFinished(data, textStatus, jqXHR) {
    var mJSON = $.parseJSON(data);
    /* mJSON is the parsed JSON data returned from your "location_query.php" 
       script.*/
    //TODO the rest of your code
}

这是发生了什么：

我们定义了第一个文本框选中新项目时要调用的自定义函数。此功能的唯一目的是在“location_query.php”上调用GET。
然后，我们通过GET电话从第一个文本框传递所选字段的值。
然后我们创建一个在GET返回时调用的函数。
最后，我们解析“location_query.php”返回的编码JSON。之后，您可以使用解析的JSON（在我们的示例中为mJSON）执行您需要的任何任务。

采用这种方法使我们不必担心“监听”隐藏ID字段中的值变化，并使一切变得美观和干净。

jQuery Autofill文本框，包含来自其他自动填充的信息

1 个答案: