微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

AJAX提交数据成功但不会跳转页面

HTML页面通过ajax提交数据成功,但是会执行多次success方法,不会跳转指定页面

分享图片

分享图片

 

解决办法;把button的type改为button即可

 1 <button type="button" id="addBtn" class="btn btn-primary btn-lg">添加</button>
 2 
 3 <script type="text/javascript">
 4  $("#addBtn").click(function () {
 5                 var param=$("#addProductForm").serialize();
 6                 $.post({
 7                     url: "AddServlet", 8                     data: param, 9                     success:function (aa) {
10                         if(aa.flag) {
11                             //添加成功,跳转到success.html
12                             // alert("成功!")
13                             location.href="success.html";
14                         }
15                     },16                     error:function () {
17                         alert("错误");
18                     }
19                 });
20         });
21 </script>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐