Question

使用ANCHOR代码，我尝试通过http://google.com重定向到HREF，但同时我通过AJAX将一些参数发布到我的另一个页面.Redirection工作正常，但参数发布请求正在中止这是我的代码

<script type="text/javascript">
 $(function(){    
   $('#c').click(function(){           
     $.post("mypage.php?param1=abc1212",function(data){
     });
   });
 return false;  
});
</script>
</head>
<body>
<a id="c" href="http://google.com" class='test'> Click 2 Call</a>

现在页面完全转移到谷歌但mypage.php?param1=abc1212的POST请求正在中止。我不知道为什么？
我可以在萤火虫中看到status = aborted我已经搜索了很多但没有得到线索
请指导我为什么会出现这个问题以及解决方案是什么？

Answer 1

<script type="text/javascript">
 $(function(){    
   $('#c').click(function(){           
     $.post("mypage.php?param1=abc1212",function(data){
     });
   });

    window.location.href = "http://google.com";
 return false;  
});
</script>
</head>
<body>
<a id="c" href="#" class='test'> Click 2 Call</a>

Answer 2

您需要的是preventDefault。

 $(function(){    
   $('#c').click(function(event){
     event.preventDefault();           
     $.post("mypage.php?param1=abc1212",function(data){
         window.location.href = "http://google.com";
     });
   });
 return false;  
});

preventDefault会在单击时停止重定向，以便您可以执行ajax。完成ajax后，重定向到谷歌。

请求在使用ajax发布params时中止

2 个答案: