ajax error弹框,完美解决：layui弹出层无法关闭/ajax请求成功,但是不进入success,也不进入error...

我在使用一个叫做H-ui.admin的后台模板(基于layui)做一套管理系统。

业务：点击按钮→出现弹出层→ajax通过接口向后台发送数据→成功后，关闭弹出层。

前面都没有什么问题，就是到了关闭弹出层，真的快把我逼疯了！

1.首先，我认为是layui关闭弹出层的方式不对，就找到了网上一种简单粗暴的方式：(据说是能解决99%基于layui无法关闭弹出层的解决方法)

var index = parent.layer.getFrameIndex(window.name);

parent.layer.close(index);

还是无法跳转！

2.后来，我再浏览器里面调试，发现，根本没有进 success ：function()里面，但是数据库已经更新了，我就想到，是不是之前犯过的错误，ajax的dataType搞错了。

dataType : "json" 改成 dataType : "text"

依旧是没有跳转！于是我就加了 error：function()发现，根本是 success 和 error 都没有进！

终于！我发现了！是layui的锅！！！！

3.由于我用的是H-ui.admin(基于layui),form表单中的按钮被点击后会自动刷新页面！后来我就把

改成了

我再发下我完整的的Ajax吧(jquery1.4版本以后对json格式要求非常严格了,要满足json.org网站定义的格式才能执行success回调,否则都会出错,无法解析返回的json数据)

图中1，2上面都提过了

3 “${pageContext.request.contextPath}/api” 是JSP取得绝对路径的方法，也就是取出部署的应用程序名或者是当前的项目名称。

比如：

我的接口称是 api 在浏览器中输入为http://localhost:8080/api

取出来的就是/api,而"/"代表的含义就是http://localhost:8080

本文分享 CSDN - 进阶的小名。

如有侵权，请联系 support@oschina.cn 删除。

本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。