昨天写一个界面时,利用ajax提交form表单,用的是jquery的form.js里面的ajaxSubmit(),由于我对js的原理不太熟悉,在提交表单后就立即刷新页面,使页面内容总是和上次更新时一样。
出现这样的问题,在不知道ajax请求的原理的情况下,在网上搜罗了半天资料,还是没有发现个所以然!难道就没人遇到过这种问题吗?
最后,请教了老大,老大就是牛B,立即就发现了问题所在!原来,我每次刷新页面并没有等到请求成功返回就刷新页面,导致刷新页面和ajax请求并发了,因此查出来的内容才一直和上一次内容相同,最后,在ajax的success返回后再刷新页面,结果便正常了!
以下就是js代码:
- submitHandler:function (form) {
- $(form).ajaxSubmit(function() {
- jQuery("#myModal").hide();
- parent.location.replace('/test');
- });
- }
这是错误的代码:
- submitHandler:function (form) {
- $(form).ajaxSubmit();
- }
敢再苦逼点吗?