Question

产品列表是使用PHP代码创建的，每个产品都有自己的复选框，我使用Java Script代码获取所有选中复选框的值，现在我需要调用另一个PHP页面来接收此字符串数据和填充所有选定的产品列表。你能否告诉我使用javascript POST方法将数据发送到另一个php页面的方式。

用于创建产品列表并获取所选复选框值的代码如下：

<?php
$cnt=0;
$rslt = mysqli_query($conn,"SELECT Icode,Name,Size,Style FROM productinfo");
if(!$rslt)
{
    die(mysqli_error($conn));
}
else
{
    echo " <table width='100%'>";
    while($row = mysqli_fetch_assoc($rslt))
    {
        if($cnt==0)
        {
            echo "<tr>";
        }
        echo "<td width='30%'>
              <div class='card'>
              <img src='upload/"."download.jpg"."' alt='Avatar' style='width:100px' >
              <div class='container'>
                <h4><b>".$row['Name']."&nbsp;&nbsp;<input type='checkbox' name='prodchklist' value=".$row['Icode']." '/> </b></h4> 
                <p>".$row['Size']."</p> 
                <p>".$row['Icode']."</p> 
              </div>
            ";
            ?>
            </div>
    <?php
    echo "</td>";
    if($cnt==2)
    {
        $cnt=0;
        echo "</tr>";
    }
    else
        $cnt = $cnt + 1;
    }
}
echo "</table>";
?>
</div>
<button id="SendInquiry" style="display: block;">Send Inquiry</button>
<script type='text/javascript'>
$(document).ready(function(){
    $('#SendInquiry').click(function(){
        var result = $('input[type="checkbox"]:checked');
        if (result.length > 0)
        {
            var resultstring = result.length +"checkboxes are checked";
            result.each(function(){
            resultstring+=$(this).val();
            }
        );
        $('#divrslt').html(resultstring);
    }
    else
    {
      $('#divrslt').html("nothing checked");
    }
});
});

</script>

Answer 1

我不知道您使用javascript收集复选框值并将其发布到另一个PHP页面的原因。你可以在没有javascript的情况下实现你想要的东西：

在表单中包装复选框，将其操作设置为第二页，并且不要忘记将其方法设置为POST，例如：

<form action="second.php" method="post">
</form>

将[]放在复选框名称的末尾，使其成为可以使用一个名称发送多个值的数组，例如：

<input type="checkbox" name="prodchklist[]" value="item1">
<input type="checkbox" name="prodchklist[]" value="item2">
<input type="checkbox" name="prodchklist[]" value="item3">

但是，如果你真的想使用javascript调用第二页，例如使用ajax，请执行以下操作：

将所选值存储在数组中，而不是将每个值附加到一个变量中。

// add this, to store the data you want to post
var data = {
    prodchklist: []
};

var result = $('input[type="checkbox"]:checked');
if (result.length > 0)
{
    var resultstring = result.length + " checkboxes are checked";
    result.each(function(){
        resultstring += $(this).val();
    }

    // add this
    data.prodchklist.push($(this).val());
}

然后在ajax调用期间：

$.post('second.php', data, function(response) {
    ....
});

在你的第二个PHP文件中，只需像往常一样检索它，例如：

$selectedProducts = $_POST['prodchklist'];

这适用于两种方法（没有javascript和ajax）。

$ selectedProducts将是一个数组而不是简单的字符串值。只需迭代数组即可使用这些值，例如：

foreach ($selectedProducts as $product) {
    echo $product;
}

将选中的复选框字符串从javascript传递给php页面

1 个答案: