解决JQuery的ajax功能执行失败 告警功能闪烁的问题

首先检查表单标签是否有动作属性，如果没有，当按钮标签的类型属性为“提交”时，默认提交位置为当前页面

如果您在页面上单击鼠标右键，然后单击“网络”，您会在开头找到这样一个帖子包：

在右侧的消息头可以看到，请求URL是当前URL，响应头类型是html

因此，只需将表单中最后一个提交按钮的类型='submit '更改为类型='button '，并将该按钮更改为本机按钮。

您可以使用ajax方法正确传输数据，因为表单末尾的提交按钮与使用ajax传输数据相冲突

为此，我浪费了很长时间，甚至从头到尾都在写代码(我觉得自己好笨！)，总结了调试过程。

首先粘贴ajax代码：

$(function () { $('#register '))。on('click '，function () { $。ajax({ type: 'post '，url:'{:url('insert')} '，data:$('#login ')。serialize()，Datatype:' JSON '，success3360函数(data){ alert(' success ')；}，error : function(){ alert(' error ')；} }) }) });这里，' # register '是提交按钮，' # login '是表单，url被发送到一个php脚本(将表单数据插入数据库)。

用谷歌浏览器打开页面，点击注册按钮，当前页面刷新，没有任何响应。

在正常情况下，ajax要么执行正确，要么失败。根据上面的代码，应该会弹出一条消息，这样你就能感觉到哪里出了问题。

打开数据库，发现表单的数据已经插入数据库，说明后台php脚本运行成功，但是返回数据时出现问题。

右键找到post包，发现响应头类型是html，而我设置的返回类型是json。

更换了Edge浏览器，问题是数据库插入了数据，但没有弹出消息。

当您更换火狐浏览器并再次点按“注册”按钮时，会出现一个消息弹出窗口，但它会在一瞬间消失！隐约发现弹出窗口显示为‘错误’(感谢火狐浏览器！)

摘要

以上就是边肖介绍的解决JQuery的ajax函数执行失败，alert函数跳脱的解决方案。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！