Question

如何在不提交提交的情况下发送帖子？当我尝试使用此代码发布时，提交或POST与我的发布详细信息结合在一起。请帮助，谢谢

<form id="myForm" action="sample.com" method="POST">
    <tbody>
        <table>
            <tr>
                <td>Amount:</td>
                <td><input type="text" class="form-control" name="amount" value="100.00"></td>
            </tr>
            <tr>
                <td>Currency:</td>
                <td><input type="text" class="form-control" name="currency" value="PHP"></td>
            </tr>
            <tr>
                <td>Customer email:</td>
                <td><input type="text" class="form-control" id="customer_email" name="customer_email" value="test123@gmail.com"></td>
            </tr>
            <tr>
                <td>Customer name:</td>
                <td><input type="text" class="form-control" id="customer_name" name="customer_name" value="Pedro Pen duko"></td>
            </tr>
            <tr>
                <td>Service ID:</td>
                <td><input type="text" class="form-control" name="service_id" value="HDSQ00011"></td>
            </tr>
            <tr>
                <td>Customer ID:</td>
                <td><input type="text" class="form-control" name="customer_id" value="cust_121"></td>
            </tr>
            <tr>
                <td>Order Number:</td>
                <td><input type="text" class="form-control" id="order_no" name="order_no" value="12312"></td>
            </tr>
            <tr>
                <td>Product Description:</td>
                <td><input type="text" class="form-control" name="product_description" value="321"></td>
            </tr>
            <tr>
                <td>Remarks:</td>
                <td><input type="text" class="form-control" name="remarks" value="12321"></td>
            </tr>
            <tr>
                <td>Transaction timestamp:</td>
                <td><input type="text" class="form-control" name="transaction_time" value="2018-10-08 14:08:00"></td>
            </tr>
            <tr>
                <td><button name="submit" class="btn btn-primary">POST</button></td>
            </tr>
        </table>
    </tbody>
</form>

Answer 1

在您的代码中，您似乎没有正确设置按钮，只需更改以下行即可：

SELECT

像这样

<button name="submit" class="btn btn-primary">POST</button>

将<button type="submit" class="btn btn-primary">POST</button>更改为name="submit"。

这应该修复您的代码以发送发布请求，JQuery可以解决另一个问题，但是，这只是避免了该问题，而不是正确地解决了问题，这是您可以在Jquery中进行的操作：

type="submit"

上面的代码将在用户单击按钮时添加一个侦听器，这意味着您可以保留HTML代码，只要加载了jquery，就可以将其添加到JavaScript。

Answer 2

HTML代码：

<form id="myForm" action="sample.com" method="POST">
</form>

jQuery代码：

$(document).ready(function() {
    $('#myForm').submit(function () {
        var formInput = $(this).serialize();

    $.post( 'some-url', formInput, function(data) {
         ... do something with response from server
       },
       'json' // I expect a JSON response
    );
    }); 
});

发送帖子详细信息也发送我的提交/帖子

2 个答案: