我已经尝试了一些 ajax 请求，但它不起作用

Question

我正在尝试向“inserir.php”发出请求，这是我要处理来自 ajax 请求的数据并将其插入数据库的地方。但是当我点击按钮时没有任何反应......甚至没有错误。这是我的表格..：<div class="modal-body">                    <!-- FORM-->                    <form method="POST" id="formulariopost">                        <div class="form-group">                            <label for="exampleInputEmail1" style="font-family: Arial, Helvetica, sans-serif;">Email</label>                            <input type="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="Email" style="font-family: Arial, Helvetica, sans-serif;" required>                            <small id="emailHelp" class="form-text text-muted" style="font-family: Arial, Helvetica, sans-serif;">Nunca vamos partilhar o seu email com mais ninguem.</small>                        </div>                        <div class="form-group">                            <label for="exampleInputPassword1" style="font-family: Arial, Helvetica, sans-serif;">Nome da Equipa</label>                            <input type="text" class="form-control" id="nome_equipa" placeholder="Nome da Equipa" style="font-family: Arial, Helvetica, sans-serif;" required>                        </div>                        <div class="form-group">                            <label for="exampleInputPassword1" style="font-family: Arial, Helvetica, sans-serif;">Nickname dos jogadores</label>                            <input type="text" class="form-control" id="nickname" placeholder="(GAMETAG)" style="font-family: Arial, Helvetica, sans-serif;" required>                       </div>                        <div class="form-group">                            <label for="exampleInputPassword1" style="font-family: Arial, Helvetica, sans-serif;">Numero do whatsapp</label>                            <input type="text" class="form-control" id="numero" placeholder="Numero do whatsapp" style="font-family: Arial, Helvetica, sans-serif;" maxlength="15" data-mask="(00) 00000-0000" required>                        </div>

Answer 1

事件未绑定的原因可能有很多。您可以尝试通过几个步骤对其进行调试。

清除缓存

是的，浏览器喜欢缓存。确保您的页面中加载了实际版本的 JS 文件。

如果您使用的是 Chrome，CTRL+F5 即可。

检查代码走了多远

在 Developer Tools 控制台或 - 简单的方法 - 将一些 console.logs 添加到代码中的几个点 - 例如在 document.ready 之后、按钮单击之后、ajax 请求之前和 ajax 成功之前。别忘了 AJAX 也可以返回错误代码，方法 'success' 不能处理错误响应。

根据代码得到的程度（例如使用 console.logs），您可以确定问题出在哪里。如果您在 document.ready 后面看不到日志，则包含文件可能存在一些问题。

调试 AJAX

检查是否发送了 AJAX 请求以及响应是什么。您可以在“网络”选项卡的“开发人员工具”中执行此操作。您可以看到请求和响应主体，因此它可以帮助您确定问题出在哪里。

Answer 2

看起来事件绑定是错误的。您需要绑定到提交事件。

同样在您的HTML代码中，提交按钮用于关闭，并指定一个常规按钮保存更改，通常提交是执行提交数据并继续的操作。

JQuery 提交文档

如果应该是这样的

$('#formulariopost').submit(function(e){
    ....
})

记住在函数结束时，如果成功则返回 true，如果取消事件则返回 false。