如何使用AJAX和POST方法提交数据

Question

如何使用Ajax发布以下表单。提交页面刷新的表单时，我想避免这种情况。

<form method="post" action="" > 
    <div class="rp-donation-block checkout_donation" >
        <p class="message"><strong><?php echo $this->get_setting('message'); ?></strong></p>
        <div class="input text">
            <input type="text" value="<?php echo $amount; ?>" class="input-text text-donation" name="donation-amount">
            <input type="submit" value="<?php echo $this->get_setting('btn_lable'); ?>" class="button" name="donate-btn">
        </div>
    </div>
</form>

我试过这两个都没有运气。

<form method="post" action="" onSubmit="return false">
<form method="post" action="" action= "<?php echo $_SERVER['PHP_SELF']; ?>">

Answer 1

我认为您的表单元素的ID为form <{1}}

<form id="form"...

Answer 2

您用来触发导致通过ajax帖子提交表单的事件的按钮不应该是提交类型的按钮！否则这将永远失败。