加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-16 03:01:15 所属栏目:百科 来源:网络整理
导读: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 ?$(

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>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读