码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-10-16 13:44:30      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:ext   oca   com   back   png   pos   ram   product   cat   

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提交数据成功但不会跳转页面

标签:ext   oca   com   back   png   pos   ram   product   cat   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!