分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

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

发布时间:2023-09-06 02:18责任编辑:胡小海关键词:暂无标签

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.html12                             // 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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved