扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要介绍了JQuery中ajax函数执行失败alert函数弹框一闪而过怎么解决，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
10年积累的做网站、成都网站设计经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有汶上免费网站建设让你可以放心的选择与我们合作。
先查看标签是否有action属性，如果没有，并且最后
如果在页面右键检查，点击网络，会在开头发现这样的post包：
在右侧消息头处可见，请求网址为当前网址，并且响应头部类型为html
所以只要把form表单里最后提交按钮的type="submit"换为type="button"，把按钮变成原生按钮，
就可以正确使用ajax方法传递数据，原因就是form表单最后的提交按钮与使用ajax传递数据冲突了
因为这个原因浪费了挺久时间，甚至把代码又从头到尾写了一遍（感觉自己好蠢啊！），总结了一下调试过程。
先贴一下ajax代码：
$(function () {
$("#register").on('click',function () {
$.ajax({
type: 'post',
url:"{:url('insert')}",
data:$('#login').serialize(),
dataType:'json',
success:function (data) {
alert('成功');
},
error:function () {
alert('error');
}
})
})
});这里‘#register'是提交按钮，‘#login'是表单，url发送到一个php脚本（插入表单数据到数据库）。
用谷歌浏览器打开页面，点击注册按钮后，当前页面刷新，没有任何反应。
正常情况下，ajax执行正确或失败，根据上述代码都应该有消息弹窗，于是感觉到哪里出了问题。
打开数据库，发现表单的数据都已经插入到数据库了，说明后台php脚本是运行成功的，只是在返回数据的时候出现了问题。
右键检查找到该post包，发现响应头部类型为html，而我设置的返回类型为json。
更换了Edge浏览器，问题同样是数据库插入了数据，但是结果没有消息弹窗。
更换火狐浏览器，再次点击注册按钮时出现了消息弹窗，但是闪了一下就没了！隐隐约约发现弹窗显示为‘error'（感谢火狐浏览器！）
感谢你能够认真阅读完这篇文章，希望小编分享的“JQuery中ajax函数执行失败alert函数弹框一闪而过怎么解决”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网