JavaScript从DB检索数据

Question

在我的数据库中，我有表Person (id, name, last_name, phone_number)。我做这样的事情：

$queryPerson = mysqli_query($con, 'SELECT * FROM Person'); 
while ($person = mysqli_fetch_array($queryPerson)) { 
       echo '<option value="'.$person["id"].'">'.$person["name"].' '.$person["last_name"].'</option>'; 
} 

我想用SCRIPT关闭从选择复制所选值的文本框：

function copyPerson(data) { 
    document.getElementById["name"].value = data.value; 
} 

...但不是他们的ID我希望自己的姓和姓名和电话号码在文本框中显示。现在我想出了这个想法来读取选项的值，将查询发送到DB SELECT * FROM Person WHERE id = ID_FROM_SELECT，然后接收我想要接收的数据。我不确定这是否是一个好主意。

在之前：是的，我需要有$person["id"]作为选项的值。

我的问题是：发送查询数据库是一个好主意 - 如果是的话，我怎么能发送一个值从MySQL到MySQL，如果没有 - 什么是更好的解决方案？

---

编辑：除了@Thanos Tourikas答案，我发现这个链接是有帮助的： http://www.w3schools.com/php/php_ajax_database.asp

Answer 1

一般来说是不会将查询发送一个好主意。

解决的办法是发送带有Ajax的ID，并有一个处理该请求的PHP页面。

在那个php页面中，您只需要获取作为参数发送到请求的id，并在那里构建db查询。然后只是将结果作为json对象进行回显并用JavaScript处理该响应。

首先，使用jQuery向服务器请求发送人ID：

$.ajax({ 
    url: 'url_that_handles_request.php', 
    data: { id: person_id }, 
    dataType: 'json', 
    success: function(response){ 
     // here you handle the response from server. 
     // you can access the data returned doing something like: 
     var id = response.id; 
     var name = response.name; 
    } 
}); 

然后，你需要提供一个PHP页面来处理Ajax调用：

$person_id = $_POST["person_id"]; 
// here you make the query to the database using the person id 
// and then just echo the db response as a json object 
echo json_encode($db_response); 

以下是一些有用的链接

jQuery的快速教程以及如何安装它： http://www.w3schools.com/jquery/default.asp

快速教程jQuery的AJAX： http://www.w3schools.com/jquery/jquery_ajax_intro.asp

在jQuery提供的AJAX方法的一些参考： http://www.w3schools.com/json/

最后一个有关文档： http://www.w3schools.com/jquery/jquery_ref_ajax.asp

有关JSON的指南json_encode php函数： http://php.net/manual/en/function.json-encode.php