javascript - 选择搜索结果并返回ID值

Question

我有以下声明。 “ls_query”正在返回地址字段。有没有办法从数据库中获取该地址字段的 id？

以下代码从mysql数据库获取搜索结果(即地址)并替换演示值。

    function myFunction() {

        var x = document.getElementById("ls_query");
        var adr = x.value;
        document.getElementById("demo").innerHTML = "address is:" +adr;

        }
    </script>

我不知道如何，但我需要从数据库中获取所选“地址”的“id”。程序应从搜索框中选择特定地址并发布 ID 值。有什么建议。

Answer 1

您可以将 AJAX 请求发送到服务器上的 PHP 脚本，该脚本将返回 ID

向 JS 添加一些像这样的函数:

function getIdByAddress(address) {

    var xhr = new XMLHttpRequest();

    xhr.open('GET', 'handler.php?address=' + address, false);

    xhr.send();

    if (xhr.status != 200) {
      return 0;
    } else {
      return xhr.responseText;
    }

}

然后在您的函数中调用它:

function myFunction() {

    var x = document.getElementById("ls_query");
    var adr = x.value;
    document.getElementById("demo").innerHTML = "address is:" +adr;

    var id = getIdByAddress(adr);

}

并在 PHP 中创建如下内容:

<?php

    // here You establish connection to database

    if(!empty($_GET['address'])) {

        // escape $_GET['address']
        // make query to database and fetch data

        // print fetched data to screen

    }

?>

如果您的 HTML 中已经准备好了地址，那么您只需向每个地址 block 添加 data-id 属性，然后在您的 JS 函数中获取它:

function myFunction() {

    var x = document.getElementById("ls_query");
    var adr = x.value;
    document.getElementById("demo").innerHTML = "address is:" +adr;

    var id = x.id;

}