javascript - 基于js点击的多次php查询

Question

我对 js 还很陌生。这里我有一个 js 脚本，它添加了一个文本框输入，用于使用基于 php 的 mysql 查询数据库。每个新添加的文本框都有一个 id 名称，末尾有一个连续的数字，表示从 js 按钮添加的文本框的数量，如 id_0、id_1 等。我想知道是否可以单独为每个连续的文本框运行 php 查询。我遇到的问题是跟踪添加了多少个新文本框，以了解应该运行多少次查询迭代，因为点击数是一个 js 变量。有没有办法根据 js 点击次数，或者具体来说，根据 js 变量来迭代 php 查询？ (或者我是否认为以错误的方式这样做？)

添加输入框的脚本:

<input id="btnAdd" type="button" value="Add" />
<br />
<br />
<div id="TextBoxContainer">
</div>
<br />
<input id="btnGet" type="button" value="Get Values" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
    var click_number = 0;
    $("#btnAdd").bind("click", function () {
        var div = $("<div />");
        click_number++;
        console.log(click_number);
        div.html(GetDynamicTextBox("id"+click_number));
        $("#TextBoxContainer").append(div);
    });
    $("body").on("click", ".remove", function () {
        $(this).closest("div").remove();
        click_number--;
        console.log(click_number);
    });
});
function GetDynamicTextBox(value0) {

    return '<label>Input &nbsp;<textarea rows="1" name="id_'+ value0 +'"><?php echo $_POST["id_'+ value0 +'"]; ?></textarea></label>&nbsp;';

}
</script>

对于 php 部分，我将 $_POST 变量转换为 php 变量，并对数据库运行一个简单的查询，将 php 变量与特定列相匹配。到目前为止，只有知道有多少个 $_POST 变量，我才能做到这一点。

Answer 1

我这样做的方法(这可能不是最好的方法)是有一个隐藏的 HTML 输入，其中包含您创建的文本框的数量。每次在 JS 中添加新文本框时，都会增加隐藏输入的值。

然后您可以在 PHP 中创建一个循环来获取每个 POST 元素。