Javascript 使用AJAX在单击按钮时发送数据

我有一个包含多列的表（index.php）。一列是复选框。无论何时选中该复选框，它都会显示另一列，您可以在其中选择数量

我希望能够点击一个名为“addtoorder”的按钮，让它使用AJAX将任何选定的行添加到index-Order.php页面。在完成所有选择之后，我希望能够单击“Checkout”按钮，并让它将我带到index-order.php页面，在该页面中，它应该在表中显示所有添加的选择

我知道如何导航到index-order.php页面，所以我的主要问题是按下按钮时如何使用ajax将所选行添加到index-order.php页面？

Index.php代码：

<form name="form1" action="index-order.php"> 

<section id="checkout-btn"> 
<button type="submit" id="checkout" name="order">Checkout</button>
</section>
</form>

<form name="form2" method="POST" action="index-order.php"> 

<section id="addToOrder">   
<button type="submit" class="order" id="order" name="order" value="AddToOrder">Add to Order</button>
</section>

<br>

<table id="merchTable" cellspacing="5" class="sortable">
    <thead>
        <tr class="ui-widget-header">
            <th class="sorttable_nosort"></th>
            <th class="sorttable_nosort">Loc</th>
            <th class="merchRow">Report Code</th>
            <th class="merchRow">SKU</th>
            <th class="merchRow">Special ID</th>
            <th class="merchRow">Description</th>
            <th class="merchRow">Quantity</th>
            <th class="sorttable_nosort">Unit</th>
            <th style="display: none;" class="num">Quantity #</th>
        </tr>
    </thead>
    <tbody>

        <?php foreach ($dbh->query($query) as $row) {?>

        <tr>
        <td class="ui-widget-content"><input type="checkbox" class="check" name="check"></td>
        <td name="rows[0][0][loc]" class="loc ui-widget-content" id="loc-<?php echo intval ($row['Loc'])?>"><?php echo $row['Loc'];?></td>
        <td name="rows[0][0][rp-code]" class="rp-code ui-widget-content" align="center" id="rp-code-<?php echo intval ($row['Rp-Code'])?>"><?php echo $row['Rp-Code'];?></td>
        <td name="rows[0][0][sku]" class="sku ui-widget-content" id="sku-<?php echo intval ($row['SKU'])?>"><?php echo $row['SKU'];?></td>
        <td name="rows[0][0][special-id]" class="special-id ui-widget-content" align="center" id="special-id-<?php echo intval ($row['Special-ID'])?>"><?php echo $row['Special-ID'];?></td>
        <td name="rows[0][0][description]" class="description ui-widget-content" id="description-<?php echo intval ($row['Description'])?>"><?php echo $row['Description'];?></td>
        <td name="rows[0][0][quantity]" class="quantity ui-widget-content" data-quantity="<?php echo $row['Quantity'] ?>" align="center" id="quantity-<?php echo intval ($row['Quantity'])?>"><?php echo $row['Quantity'];?></td>
        <td name="rows[0][0][unit]" class="unit ui-widget-content" id="unit-<?php echo intval ($row['Unit'])?>"><?php echo $row['Unit'];?></td>
        <td name="rows[0][0][quant]" style="display: none;" class="quantity_num ui-widget-content"><input type="textbox" style="width: 100px;" class="spinner" name="value" id="test"></td>
    </tr>

    <?php } ?>

    </tbody>
</table>
</form>

<div id="log"></div>

---

要使用php将数据从一个页面传递到另一个页面，必须使用

因此，在ajax调用中，只需将数据保存到会话中，如下所示：

添加到cart.php

session_start();
if (!isset($_SESSION['shopping_cart'])) {
  $_SESSION['shopping_cart'] = [];
} else {
  $_SESSION['shopping_cart'][] = [
    'id' => $_POST['item_id'],
    'amount' => $_POST['amount']
  ];
}

如果然后单击签出按钮并通过页面重新加载导航到index order.php，则可以通过相同的会话索引访问数据

session_start();
if (isset($_SESSION['shopping_cart'])) {
  // display your data
} else {
  echo "Your shopping cart is empty.";
}

---

我不认为可以使用Ajax将HTML以友好的方式发送到另一个页面行将读取我选择为数组的每个表行…因此它将获取值，只需获取值并将其显示在另一个页面上…否则我将怎么做？您必须以

索引顺序.php

编写代码以捕获您发布的数据。然后你就可以用任何你需要的方式来显示它了。我现在成功地从javascript代码中获取了日志中的值，当我选中一个复选框时，表单数据就会正确地出现在我控制台旁边的“网络”选项卡中。我目前有一些php变量，我正试图将表单数据带入其中，比如这个

$loc=$\u POST['loc']但我没有得到任何显示…我还需要什么php来实现这一点？
session_start();
if (!isset($_SESSION['shopping_cart'])) {
  $_SESSION['shopping_cart'] = [];
} else {
  $_SESSION['shopping_cart'][] = [
    'id' => $_POST['item_id'],
    'amount' => $_POST['amount']
  ];
}

session_start();
if (isset($_SESSION['shopping_cart'])) {
  // display your data
} else {
  echo "Your shopping cart is empty.";
}