问题背景:
1. ajax前后端数据交互的时候success属性或者error属性返回的情况需要通过弹出框提示用户,以提升用户体验。
2. 弹出框使用的是jQuery提供的弹出框美化插件XcConfirm.js。
遇到的问题:
弹出框明明写了但是闪退
图中箭头所指明明在执行成功的时候使用了插件设置了弹出框但是闪退。可以先通过console.log打印调试一下代码是否能走到这里。发现能正确打印txt,说明弹出框有效,问题是闪退。
解决:
- 当页面存在刷新时【比如使用了window.location.reload();】会导致页面刷新的时候弹出框闪退,由于异步加载,弹出框弹出后可能立即执行了页面刷新操作。解决办法是设置弹出框在页面或者框架加载之后再弹出。
可以把弹出框的操作用函数封起来,然后通过setTimeout()来设置延时弹出。在页面就不用写重新加载页面了。 - 【下载xcConfirm插件,在页面中引入方式: