Question

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

我无法确定执行此操作的最佳方法。我尝试添加/删除JavaScript对象，然后迭代每个键值对，即每个ActorName，每个DirectorName，并将它们附加到SQL中的WHERE约束，但作为复选框名称不是唯一的，即有许多演员，类型等，它使事情变得复杂。现在，我正在使用这种方法：

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

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

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

Answer 1

您可以使用＆＃34;序列化＆＃34;使用Ajax获取和发送数据

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

示例：

<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>

你的javascript：

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);
            }
        });
}

你的ajax.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>

如何从HTML复选框构建SQL查询？

1 个答案: