php - 通过单击按钮或下拉菜单更改 MySQL 查询

Question

我有一个由下面的代码填充的下拉列表。我希望能够将 type = x 从用户输入按钮更改为预定选项。我不知道这是否可行，尤其是在没有页面刷新的情况下，因为下拉列表已从初始查询中填充。

我需要基于所选用户的动态查询，无需刷新页面。也许我需要看看另一种语言，比如 Angular。

<?php
echo "<b>Start:<b/>";
echo "<select id='start' class=''>";

$list_query = mysqli_query($server, "SELECT `id`, `street`, `description`, `lat`, `lng`, `note`, `type` FROM `markers` WHERE `type` = 'red' ORDER BY `street`");
while($run_list = mysqli_fetch_array($list_query)){
    $u_id = $run_list['id'];
    $u_street = $run_list['street']; 
    $u_desc = $run_list['description'];  
    $u_note = $run_list['note'];  
    $u_type = $run_list['type'];  
    $u_lat = $run_list['lat'];   
    $u_lng = $run_list['lng'];  

    echo "<option value='$u_lat,$u_lng'>$u_street</option>";
}

echo "</select>";
?>

更新

以下命令返回 ID 为“callback”的 Div 中的“red”。除了这个之外，我如何让它更新查询字符串？

示例按钮:

<button id="b1" value="red" onclick="submit_1()">button 1</button>

Ajax :

function submit_1() {
var b1 = document.getElementById("b1").value;
console.log(b1);

var dataString = 'b1=' + b1;

$.ajax({
    type: "POST",
    url: "php/getdata.php",
    data: dataString,
    cache: false,
    success: function(data) {
        $("#callback").html(data);
    }
});
}

简单的getdat.php:

<?php
$b1 = $_POST['b1'];

if ($b1 == "red") {
    echo $b1;
} else {
    echo 'Not '. $b1;
}
?>

Answer 1

使用 Ajax 在向服务器请求的查询字符串中添加类型。

$list_query = mysqli_query($server, "SELECT `id`, `street`,`description`, `lat`, `lng`, `note`, `type` FROM `markers` WHERE `type` =  $_GET['type'] ORDER BY `street`");