首页 > Web开发 > 详细

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

时间:2018-10-16 13:24:07      阅读:364      评论:0      收藏:0      [点我收藏+]

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>

 

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

原文:https://www.cnblogs.com/leonHQ/p/9797167.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!