昨天写一个界面时,利用ajax提交form表单,用的是jquery的form.js里面的ajaxSubmit(),由于我对js的原理不太熟悉,在提交表单后就立即刷新页面,使页面内容总是和上次更新时一样。

    出现这样的问题,在不知道ajax请求的原理的情况下,在网上搜罗了半天资料,还是没有发现个所以然!难道就没人遇到过这种问题吗?

    最后,请教了老大,老大就是牛B,立即就发现了问题所在!原来,我每次刷新页面并没有等到请求成功返回就刷新页面,导致刷新页面和ajax请求并发了,因此查出来的内容才一直和上一次内容相同,最后,在ajax的success返回后再刷新页面,结果便正常了!

    以下就是js代码:

 

 
  
  1. submitHandler:function (form) { 
  2.     $(form).ajaxSubmit(function() { 
  3.         jQuery("#myModal").hide(); 
  4.         parent.location.replace('/test'); 
  5.     }); 

    这是错误的代码:

 

 
  
  1. submitHandler:function (form) { 
  2.                       $(form).ajaxSubmit(); 
  3.                   } 

敢再苦逼点吗?