javascript - 表单提交事件上的 ajax POST 无法正常工作

Question

我在使用表单提交事件进行 ajax post 时遇到问题。我有由 opentable.php 生成的表

这里是 opentable.php 的代码

<?php
session_start();
require("dbc.php");
$memberid = $_SESSION['memberid'];
$sql = "SELECT * FROM `open` WHERE `memberid`='$memberid'";
$mydata = mysql_query($sql);

echo "<table><tr><th>Time</th><th>Type</th><th>Size</th><th>Price</th><th>Profit</th><th></th><th></th></tr>";
while($record = mysql_fetch_array($mydata)){
    echo "<form action = assets/close.php id=closeform>";
    echo "<tr>";
    echo "<td>" . $record['opendate'] . "</td>";
    echo "<td>" . $record['type'] . "</td>";
    echo "<td>" . $record['size'] . "</td>";
    echo "<td>" . $record['openprice'] . "</td>";
    echo "<td>" . $record['profit'] . "</td>";
    echo "<td>"."<input type=hidden name=openid value=".$record['openid']." </td>";
    echo "<td>" . "<input type=submit name=close value=close". " </td>";
    //echo "</tr>";
    echo "</form>";
    }
echo "</table>";


?>

和 ajax javasript 用于提交事件 trade.js

 $(document).ready(function() {
$('#closeform').submit(function( event ) {
            event.preventDefault();
            var $form = $( this ),
            price = $('#price').val(),
            id = $form.find( "input[name='openid']" ).val(),
            url = $form.attr( "action" );
            var posting = $.post( url, { openid: id, closeprice: price } );
            var r=confirm("Are you sure?");
            if(r =true){
                posting.done(function( data ) {
                    alert(data);
                    });
                }
            else
              {
              alert("Transaction canceled")
              }

        });
}

我测试了它，它像正常的 php 表单一样运行。并出现错误，没有传递 $_POST 数据。请给我推荐此类事件，谢谢。

Answer 1

closeform是动态添加的表单，尝试使用.on():

$(document).on('submit', '#closeform', function ( event ) {