如何从 HTML 复选框生成 SQL 查询

How to build an SQL query from HTML checkboxes?

本文关键字：SQL 查询 复选框 HTML      更新时间：2023-09-26

我需要为 SQL 创建一个查询构建器，您可以在其中通过 HTML 复选框选择查询约束。每个复选框都有一个名称，用于列名称(例如 ActorName(和一个用于列值的值(如 Tom Hanks(。

我无法决定什么是最好的方法。我尝试添加/删除到 JavaScript 对象，然后遍历每个键值对，即每个 ActorName、每个 DirectorName，并将它们附加到 SQL 中的WHERE约束中，但由于复选框名称不是唯一的，即有很多 Actor、流派等，它使事情复杂化。现在，我正在使用这种方法：

https://jsfiddle.net/Lompm0ew/5/

选中复选框后，将复选框的名称和值添加到 JS 对象，将 ActorName 作为对象键(因为这将始终是唯一的(，复选框名称作为对象值。我有一种感觉，这是一种不好的做法，我相信有更好的方法来实现我的目标，但我没有想法。

任何人都可以推荐一种更好的从复选框构建查询的方法吗？

您可以使用"序列化"通过 Ajax 获取和发送数据

首先，在 HTML 代码中添加表单

例： 

<form>
    <div id="checkboxes">
        <label>
            <input type="checkbox" value="Tom Hanks" name="actorName[]">Tom Hanks</label>
        <label>
            <input type="checkbox" value="Tim Allen" name="actorName[]">Tim Allen</label>
        <label>
            <input type="checkbox" value="Don Rickles" name="actorName[]">Don Rickles</label>
        <label>
            <input type="checkbox" value="Jim Varney" name="actorName[]">Jim Varney</label>
        <label>
            <input type="checkbox" value="Wallace Shawn" name="actorName[]">Wallace Shawn</label>
        <label>
            <input type="checkbox" value="Fantasy" name="genreName[]">Fantasy</label>
        <label>
            <input type="checkbox" value="Comedy" name="genreName[]">Comedy</label>
        <label>
            <input type="checkbox" value="Children" name="genreName[]">Children</label>
        <label>
            <input type="checkbox" value="Animation" name="genreName[]">Animation</label>
        <label>
            <input type="checkbox" value="Adventure" name="genreName[]">Adventure</label>
        <label>
            <input type="checkbox" value="USA" name="countryName">USA</label>
    </div>
</form>

你的脚本 ： 

jQuery(document).ready(function($){
    $(':checkbox').change(function() {
        sendData();
    });
})
function sendData () {
    var $form = $('form');
        $.ajax({
            url : 'ajax.php',
            data: $form.serialize(),
            async : false,
            success : function(response){
                console.log(response);
            }
        });
}

你的阿贾克斯.php

<?php
var_dump($_REQUEST);

显示： 

array(2) {
  ["actorName"]=>
  array(3) {
    [0]=>
    string(9) "Tim Allen"
    [1]=>
    string(10) "Jim Varney"
    [2]=>
    string(13) "Wallace Shawn"
  }
  ["genreName"]=>
  array(1) {
    [0]=>
    string(9) "Animation"
  }
}

每次单击复选框时，您都会发送 ajax.php 的数据。因此，您可以使查询服务器端

编辑：对不起，我忘了：您可以重命名发送数组的复选框名称

<label>
    <input type="checkbox" value="Tom Hanks" name="actorName[]">Tom Hanks</label>
<label>
    <input type="checkbox" value="Tim Allen" name="actorName[]">Tim Allen</label>
<label>
相关文章：