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>

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

时间: 2024-08-10 19:12:06

AJAX提交数据成功但不会跳转页面的相关文章

Asp.Net Mvc4 Ajax提交数据成功弹框后跳转页面

1.cshtml页面代码 @model Model.UserInfo @{     ViewBag.Title = "Edit"; var options = new AjaxOptions() { Url = Url.Action("Edit", "Home"), LoadingElementId = "saving", LoadingElementDuration = 2000,         //   Confirm

jQuery 中 ajax 提交数据应用的一个小demo

举一个jquery中ajax的应用小 demo 便于以后的更多项目拓展 ,这里要注意的是保存的文件名问题 ... ajax02.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="form&qu

ajax提交完表单数据依然跳转的解决办法

1. 既然ajax提交数据,就把表单里面submit按钮换掉,因为触发submit他就会跳转页面 提交的时候他会先触发ajax 再触发submit的提交 2.如果确定了表单没有submit,那么把提交的按钮的onclick属性值设置为 onclick="return false;" jquery写事件触发的时候建议不直接用$('#vel').click(function(){})     写成绑定事件 $('#vel').on(click(function(){}))

JavaWeb开发中form、ajax提交数据Model转化

JavaWeb开发中form.ajax提交数据Model转化 问题 最近学习MongoDB数据库,作为java开发的我,当然需要做个小的web程序来测试一番了.在html中我采取ajax提交方式,因为我要模拟各种类型的数据,基础数据类型.数组.对象等.然而,最终发现了个不同的地方:Form和ajax提交数据,在HttpServletRequest中尽然参数名有所不同. 数据类型 form ajax 基础数据 para=value para=value 数组 para[]={"aaa",

解决部分浏览器ajax提交数据,数据已改变,却后台数据接收数据还是上一次值的问题

最近在工作中遇到了QQ浏览器ajax提交数据,表单数据改变,却后台数据接收数据还是上一次值的问题,但是在其它浏览器中是正常的. 代码如下: $.ajax({ url : "<%=path%>/secretkey/uploadKey", async:false, type : 'post', data : { merKey : $('#merKey').val(), keyType : $('#keyType').val(), type : $('#type').val()

ajax提交数据问题

加入traditional:true属性 traditional 类型:Boolean 如果你想要用传统的方式来序列化数据,那么就设置为 true.请参考工具分类下面的 jQuery.param 方法. $.ajax({ type: "POST", url: url, traditional:true, data:{ data:[0,1] }, dataType: "json", async:false }); ajax提交数据问题

博客园项目-登录(验证码,ajax提交数据,session和cookie)

前端页面 {% load static %} <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content

ajax提交数据,回调函数不执行或总是执行error回调函数的问题

jsp页面: <form id="itemAddForm" class="itemForm" method="post"> <div id="tab1" class="tabcontent"> <div class="form"> <div class="form_row"> <label><b>

ajax提交数据至jsp

ajax技术至今为止 被越来越多的人采用  主要原因也是因为它强大的无刷新功能   给服务器减少了不少压力, 那么究竟什么是ajax? 下面是我的一点心得 首先在eclipse里新建一个项目  这里我的是zy  如图: 我这里是集合mvc和mybatis集成的一个环境,为了节省时间  我就简单了 说一下 有以下几步: 然后创建一个jsp页面  这里是index.jsp    主要是一个form表单    然后是一个juqery函数: 启动服务器   打开浏览器  预览: 其次在创建一个ajax.