jQuery AJAX POST 未触发

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

});

问题。当我单击表单上的提交时，此功能甚至没有触发。我知道这一点是因为“表单提交事件已触发”没有输出到我的控制台。

我在谷歌浏览器上。我做了一个检查元素，检查了控制台 - 没有显示 no 错误。

这让我有点发疯，非常感谢您的帮助

Answer 1

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

例如

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