建立一个企业网站,建设网站的技术性背景,Wordpress5主题破解版,免费建立个人网站官网先查看form标签是否有action属性#xff0c;如果没有#xff0c;并且最后button标签的type属性为submit‘时#xff0c;默认提交位置就是当前页面 如果在页面右键检查#xff0c;点击网络#xff0c;会在开头发现这样的post包#xff1a; 在右侧消息头处…先查看form标签是否有action属性如果没有并且最后button标签的type属性为submit‘时默认提交位置就是当前页面 如果在页面右键检查点击网络会在开头发现这样的post包 在右侧消息头处可见请求网址为当前网址并且响应头部类型为html 所以只要把form表单里最后提交按钮的typesubmit换为typebutton把按钮变成原生按钮 就可以正确使用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’感谢火狐浏览器 根据alert弹窗一闪而过这个线索发现了解决问题的这篇文章同时感谢这篇文章的博主。 参考关于layer的提示框弹出框一闪而过的问题 转载于:https://www.cnblogs.com/sfriend/p/10676193.html
