关于ajax中执行 window.location.href不跳转问题

 $.ajax({
                    url: "/Ajax/System/ajaxcheshi.ashx",
                    dataType:'text',   //  datatype: "json", 
                    type: "post",
                    data:user,//,quenceAge=quenceAge,ctertime=ctertime,tquencether=tquencether,Status=Status}
                    success: function (data) {
                        if (data == "1") {
                            alert("保存成功");
                            // window.location.href = "ModelDatasequence.aspx";
                            // location.href = "ModelDatasequence.aspx";
                            // window.location.href="http://www.hao123.com";
                            //   $this.redirect("Management/ModelDatasequence.aspx");
                            setTimeout("javascript:location.href='ModelDatasequence.aspx'", 0);
                        } else {
                            alert("保存失败");
                        }

                    })

解决方案 把你的 type="submit" 换成type="button"

//原因: 因为有提交了一次表单。你的ajax是同步的,所以提交表单动作被挂起直到ajax完毕后(此时执行请求过一次服务器),表单会提交,这样就会执行页面指定的action的地址, 而ajax回调success href的链接赋值不成功(这个问题有兴趣的去研究)
 
参考http://www.cnblogs.com/horsen/p/6933038.html
注意起来一个情况:ajax+submit+同步----就是你用ajax请求服务器,而且用的是同步的方式,并且你是通过点击了type类型为submit的按钮来触发这个ajax。
 
这个时候,首先你点击了submit,它会提交表单,但是由于你用了ajax的同步操作,submit的提交被阻塞,ajax先执行,这个时候,如果你在ajax的回调函数(如:success)中写了document.location.href='xxx.html',它是执行了,的确是去执行了跳转的,于是ajax完成了,那接下来就要把刚才的submit提交的请求完成。于是呢又要从xxx.html跳回到刚才那个页面(无论你submit有没有提交具体的数据,总之提交了之后如果后台没有执行跳转/重定向,它就要回到原来的页面。)
 

即:ajax就是如你所想那样执行了,也从A页面跳到了B页面,但是由于submit这种类型的特殊性,又让B页面跳回了A页面,由于这个ajax执行完再执行submit请求的过程处理的很快,你会感到好像没有效果,但是你仔细观察,会发现这个过程页面会刷新的,其实就是B页面跳回到A页面。

posted @ 2018-03-24 10:08  printException  阅读(6109)  评论(3编辑  收藏  举报