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

});

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

我在使用Google Chrome浏览器。 我做了一个检查元素，检查了控制台- 没有错误显示。

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

Answer 1

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

例如

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