Question

我有两个php页面。在first.php页面中，用户选择订单并且div正在填充此内容，没问题。并且有一个确认按钮来确认这些列表。当用户单击此按钮时，应打开second.php页面，并在该页面上显示div的内容。这是我的first.php div和确认按钮的html代码。

 <form method="post">
        <div class="col-md-5" id="orderList">
             <h3 align="centre">Order List</h3>
        </div>  
 </form>                    

 <form role="form" method="post" action="second.php">
        <div id="firstConfirmButton">
             <button type="submit" name="firstConfirmButton" id="firstConfirmButton" class="btn btn-primary btn-lg">Confirm</button>
        </div>
 </form>

这是将内容发布到second.php的javascript代码。第一个警报工作正常但第二个警报不正常。

$("#firstConfirmButton").click(function() {

    var content = $('#orderList').html();
    alert(content);
        $.post("second.php", { html: content})
        .done(function(data) {
            alert(data);
        $('#confirmForm').empty().append(data);
        });
});

Second.php页面有confirmForm div，我想在此显示内容。

    <div id="confirmForm"> </div>

问题出在哪里？

Answer 1

您可以使用 POST 方法将表单提交到页面 second.php ，以便使用此PHP代码从第二页检索数据：< / p>

var_dump($_POST);

基本上，数据存储在$_POST数组中。

关于你的第二个问题。如果您首先需要从Javascript中获取值，则需要避免提交默认表单。你可以通过类似的东西来做到这一点：

$("#firstConfirmButton").click(function(e) {
  var data = $('#orderList').html();
  e.preventDefault();

  //...
}

这将避免您的提交按钮提交表单而不向其添加所需的POST数据。

Answer 2

您的按钮是submit按钮，因此如果您不取消默认活动，表单也会以常规方式提交。

您需要捕获事件并取消它：

$("#firstConfirmButton").click(function(e) {
  var content = $('#orderList').html();

  e.preventDefault();

  // the rest of your code

或者在现代版本的jQuery中：

$("#firstConfirmButton").on('click', function(e) {
  var content = $('#orderList').html();

  e.preventDefault();

  // the rest of your code

在Php中发布Div内容

2 个答案: