Question

这是我的表格。它是一种条纹形式：

<form  id = "the_form" method = "post">
    <input type = "hidden" name = "plan" value = "silver"/>

    <script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
        data-key="<?php echo $stripe['publishable_key']; ?>"
        data-description=""
        data-amount="19900"
        data-locale="auto"></script>

    <input type = "hidden" name = "email" value = "<?php echo $_SESSION['b_email']; ?>"/>

    <input type = "hidden" name = "id" value = "<?php echo $_SESSION['brand_id']; ?>"/>
</form>

我想将此表单数据发布到名为 handle_stripe_push.php 的文件中。这是我的jQuery AJAX POST调用：

$(document).ready(function(e) {  

        $("#the_form").submit(function(evnt){

            console.log("Form submit event fired")

            $.post('handle_stripe_push.php', $(this).serialize(), function(data){
                alert(data);

            }).fail(function(err, status){

                console.log(err + " " + status)
            })
            evnt.preventDefault()
        }); 

});

问题。当我单击表单上的提交时，此功能甚至无法触发。我知道这是因为＆＃34;表格提交事件被解雇了＃34;是不输出到我的控制台。

我在Google Chrome上。我做了一个Inspect Element，检查了控制台 - 显示了没有错误。

这让我有点疯狂，我很感激你的帮助

Answer 1

您是否在页面中包含了本地安装的JavaScript库？就像你包括条带库一样。尝试在jquery之前包含条带库。

E.g。

<script src="https://checkout.stripe.com/checkout.js"></script>
<script src="jquery-latest.min.js"></script>

jQuery AJAX POST没有解雇

1 个答案: