用Php发布Div内容

Question

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

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

其次.php页面有confirForm div，我想显示其中的内容。

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

问题在哪里？

Answer 1

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

var_dump($_POST);

所以基本上，数据存储在< code>$_POST数组中。

关于你的第二个问题。如果你首先需要从Javascript中获取一个值，你需要避免提交默认表单。你可以这样做：

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

  //...
}

这将避免“提交”按钮在提交表单时不添加所需的POST数据。

Answer 2

您的按钮是一个提交按钮，因此如果您不取消默认事件，表单也将以常规方式提交。

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

$("#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