用ajax请求实现表单提交并页面跳转的问题

使用的是SpringBoot框架,部分代码如下
JS代码:
function login() {
var userName = $("#inputName").val();
var userPassword = $("#inputPassword").val();
var rememberUser = $("input[type=checkbox]").get(0).checked;
$.ajax({
url : "login/userLogin",
type : "post",
dataType : "json",
data : {
"userName" : userName,
"userPassword" : userPassword
},
success : function(result) {
if (result.status == 1) {
if (rememberUser) {
addCookie("userName", userName, 30);
} else {
delCookie("userName");
}
window.location.href = "menu.html";
} else if (result.status == 0) {
alert(result.message);
}
}
});
return false;
}
Controller代码:
@RequestMapping(value = "login/userLogin", method = RequestMethod.POST)
@ResponseBody
public Result login(User user) {
Result result = userService.login(user);
return result;
}
登录form提交后,每次都是显示返回的json,而不是跳转到menu.html,应该怎么改
图片说明

0

8个回答

说明你的result要么没有返回,要么你返回的result!=1;没有执行windows.location.href

1
overlordLSY
overlordLSY 回复qq_29632867: 搞明白为啥了,是我导入的前一个js文件中有语法错误,这个js文件根本就没加载,是html中form的action提交的,略坑...
11 个月之前 回复
qq_29632867
qq_29632867 你的这个result.status试下 == '1'
11 个月之前 回复

if (result.status == 1) 需要解析下,你的图只是说明你调用了success函数,没有跳转页面,说明没进这个判断里。
**尝试下: **
解析下看看
var obj = eval('(' + result + ')');
alert( obj.status);

3
caozhy
weixin_45841714 这个用户多次恶意自己采纳自己的回答。建议管理员封杀
29 天之前 回复
overlordLSY
overlordLSY 回复qq_23126581: 搞明白为啥了,是我导入的前一个js文件中有语法错误,这个js文件根本就没加载,是html中form的action提交的,感谢回答
11 个月之前 回复
qq_23126581
玄元复始道生初,守一无穷尽万物 回复overlordLSY: 应该不会吧,如果在success : function(result) {第一行加了一个alert,结果没有弹出}alert随便什么内容,如果没有弹出,说明没有进入这个success
11 个月之前 回复
overlordLSY
overlordLSY 我在success : function(result) {第一行加了一个alert,结果没有弹出,这是啥情况
11 个月之前 回复
 success : function(result) {
if (result.status == 1) {
if (rememberUser) {
addCookie("userName", userName, 30);
    location.href = '你要跳转的链接'
} 
0
overlordLSY
overlordLSY 搞明白为啥了,是我导入的前一个js文件中有语法错误,这个js文件根本就没加载,是html中form的action提交的,感谢回答
11 个月之前 回复
overlordLSY
overlordLSY 我那个cookie是要实现记住用户功能,不选中也应该跳转的
11 个月之前 回复

我那个cookie是要实现记住用户功能,不选中也应该跳转的

0

你这个方法是不是在submit的时候调用的?这个ruturn false是?

0
overlordLSY
overlordLSY 回复batterMRTAN: 搞明白为啥了,是我导入的前一个js文件中有语法错误,这个js文件根本就没加载,是html中form的action提交的,感谢回答
11 个月之前 回复
batterMRTAN
batterMRTAN 回复overlordLSY: 这个return一般情况下是提交前的校验,正确就return true,让它执行from的action
11 个月之前 回复
overlordLSY
overlordLSY submit,ruturn false貌似是阻止表单自动提交,反正这行加不加都一样有问题
11 个月之前 回复

dataType
类型:String
预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:
"xml": 返回 XML 文档,可用 jQuery 处理。
"html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)
"json": 返回 JSON 数据 。
"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
"text": 返回纯文本字符串

0
overlordLSY
overlordLSY 搞明白为啥了,是我导入的前一个js文件中有语法错误,这个js文件根本就没加载,是html中form的action提交的,感谢回答
11 个月之前 回复

去掉@ResponseBody注解,返回String类型,返回"menu"

0
overlordLSY
overlordLSY 搞明白为啥了,是我导入的前一个js文件中有语法错误,这个js文件根本就没加载,是html中form的action提交的,感谢回答
11 个月之前 回复

其实我觉得现在这个东西用vue.js v-model绑定input框和数据做起来更舒服

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
ajax和form表单的提交跳转问题
ajax和form表单的提交跳转问题 1. 使用ajax提交form表单数据的时候,把提交按钮的type=“submit”改成type="button",防止点击提交的时候form表单自动提交刷新。 2. 使用ajax提交form表单数据,controller层返回处理的结果,在ajax里跳转页面。controller层的方法上要加@ResponseBody。 3. ajax中跳转页面使用w
form表单经过Ajax提交后进入success不能进行页面跳转问题
把form表单去掉可以了。原理没弄清楚,希望路过的大神们解答一下。
ajax 提交Form表单并跳转页面
这是一个很简单的例子:先看代码 <form id="registeForm"> <div class="form-w3step1"> <input type="text" name="userName" placeholder="Your Name" required=""> <
thinkphp使用ajax提交后怎么做页面跳转
浏览:1967发布日期:2014/03/20分类:求助交流 我的登陆页面是用ajax提交的。提交成功后除了显示登陆成功的提醒信息外,还会返回一个url给js做页面跳转。 如下: http://127.0.0.1/demo/Home/User/login.html 提交表单后,后台返回一个jumpUrl="Home/Index", 用U('Home/Index')函数生成的。 然后在表单
ajax表单登陆页面提交后跳转问题
0 悬赏园豆:10[已解决问题] 浏览: 7731次 我用jquery的ajax方法截获普通beginform数据并发送到后台处理验证,后台最后写的是return Redirect(....),也就是某个地址,但我用的是ajax。果断不跳转了,而是把整个页面返回到回调函数success的参数result里面。。~~请问如何让他跳转或者转向这个结果网页! 网站开发 MVC M
使用AJAX实现页面跳转
$.ajax({ type:"POST", url: //你的请求程序页面随便啦 async:false,//同步:意思是当有返回值以后才会进行后面的js程序。 data://请求需要发送的处理数据 success:function(msg){ if (msg) {//根据返回值进行跳转 window.location
layui使用form表单实现post请求页面跳转
window.location.href='url?param=' + paramValue;上面这种方式实现页面跳转附带参数,容易造成信息泄露;layui使用form表单实现post请求,避免信息泄露(设置form表单隐藏,也可以初始化时隐藏):这里是在数据表格查询数据时的按钮操作,其他操作类似<table id="myTable" class="layui-table" lay-filt...
ajax post请求之后 实现页面跳转和带参数跳转问题
在回调函数里面处理 $.post( url, {method:"regist",userName:$nameEle.val(),email:$emailEle.val(),password:$passwordEle.val()}, function(data) { //alert(data); //注册成功页面跳转, window.location.href ="../client/
使用ajax实现页面跳转
$.ajax({ type:"POST", url: //你的请求程序页面随便啦 async:false,//同步:意思是当有返回值以后才会进行后面的js程序。 data://请求需要发送的处理数据 success:function(msg){ if (msg) {//根据返回值进行跳转 window.location
ajax跳转页面问题在jquery中如何实现
function layyWsjf(layyBh) {                         // 显示遮盖层                 MASK.show();                 $.ajax({                     type : "POST",                     url : layyWsjfUrl, //你的
ajax提交form表单到servlet,网页的跳转
jsp界面如下:     pageEncoding="UTF-8"%> Insert title here body{background:#D0D0D0;} Insert title here response.setHeader("Pragma","No-cache"); response.setHeader(
ajax+springmvc跳转至另外的页面展示数据
    <script type="text/javascript"> function validateLogin(){ var sUserName = $("#username").val(); var sPassword = $("#password").val(); if (sUserN...
使用Ajax跳转页面给下个页面传入数值要用session
标注:在这ajax要得到服务器的信息的时候,先要在服务器数据库写一条session def ajaxForm(requests):     if requests.method=="POST":         obj=LoginForm(requests.POST)         result={"messages":None,"static":False}         ret=
自定义submit()实现ajax提交form表单不刷新跳转
问题描述: 1.最近一直在为用户信息完善功能所困惑,想要实现:用户提交信息后不跳转到acction()的服务端页面,只要告诉提交成功即可。 2.论坛上大多ajax+json等方法/框架($ajaxform)都需要导入包或者js文件,本人新手 ,对于导包的方法和引用js的路径问题等方面不擅长,从早上开始纠结了一天,始终点击提交按钮依然是没有反应,并不会执行ajax+json实现的提交form...
form表单带参数提交到后台,实现页面跳转
HTML部分代码,需要将input中的id为dutyType的value传到后台  <form action="do?module=User&action=Login&method=chooseWS" method="post" id="textForm"></form> <table onclick="chooseWS();&quo
js 进行post方式页面跳转
问题:当用get方式提交页面时对页面传输的数据过多而报错 要求: 1.页面是跳转到另一个页面 2.传输的字段有一个content。导致数据字段过大 3.必须是js方式。html代码是不是form表单 解决思路: 1.form表单可以使用post方式跳转页面。用js 拼接成form表单,然后自动提交 $.StandardPost(url,{'
springmvc ajax请求处理跳转问题
1.在springmvc或者一套ajax框架的时候需要进行处理,拦截器或者拦截器的状态,尤其针对于session的时候进行的处理,怎么样很好的控制页面的跳转呢 在拦截器里面进行处理和跳转的时候,ajax基本上没有什么好的处理方式要么是转发要么是重定向的两种方式 可是进行过测试和很多的处理依然可以做到,但是页面不会跳转.针对以上的两种情况,经过自己的探究和研究得到一种很可靠的方式,网上也提供了这
Ajax回调函数不执行、js实现跳转页面并传递值、java生成ID方法、jQ给input赋值
实现了云笔记的登录和注册功能遇到了一些问题总结下。 首先,主要是配置框架要花些时间。之后就会好很多。配置框架时遇到的问题是找不到Mapper.xml文件。我改了很久。使用绝对路径,相对路径等。后来重新写了bean 还加上了classpath成功了。主要流程过一阵我想具体写下流程~然后写前端的时候Ajax回调函数不执行 要崩溃的。后来发现是我的html文件是在本地打开,并没有放入项目中。所以打开
ajax提交url 与ajax提交表单的比较
就是觉得这篇文章比价好,所以转载过来; 正式的地址:http://www.cnblogs.com/yqskj/archive/2013/06/06/3120373.html 1:ajax自已构造一个url,这种方式传参数要用Data,不能用于表单提交。     例:           function createHtml(id){              $("#reloadi
实现ajax提交表单,页面不跳转
表单代码 <form id="save" class="form-horizontal" role="form" method="post" action="${request.getContextPath()}/yuyue/saveBingli.do">
Ajax跳转与传值
Ajax跳转与传值 1.在ajax异步刷新技术中,当我们使用了ajax就不能在servlet中进行跳转,所以我们通过ajax中的跳转来实现页面直接的跳转 我们用window.location.href = "要跳转到那个页面中去的路径”;方法来进行跳转 列子: script>       $("#teacher").click(function() {         //获取文本框中
ajax页面实现跳转
 项目当中采用了ajaxAnywhere框架来实现ajax,效果不错,并且容易实现,但现在问题是即使页面实现了效果,业务上还需要提交表单,在这种情况下,即使点击提交后,它仍然会刷新你定义好的zone区域,这个时候,如果单纯的提交表单就不够了,我采取的方案是:  利用js这个强大的BS项目开发工具,自定义一个函数来解决上述问题: function doGuahao() {  if(checkdata...
AJAX扩展-POST传递参数并跳转页面
直接上扩展的代码$.extend({ StandardPost:function(url,args){ var form = $(""), input; form.attr({"action":url}); $.each(args,function(key,value){ input = $("
Ajax post请求跳转页面
最近因为公司需求,需要ajax post请求并跳转界面,网上搜了一下资料,差不多都是用window.location.href来处理,但是在请求页面的地址栏中会暴露请求的参数,这是不安全的。 $.post( url, {method:"regist",userName:$nameEle.val(),email:$emailEle.val(),password:$passwordEle.val()},
form表单提交传参跳转页面,并在iframe中打开页面
&amp;lt;div class=&quot;report-url&quot; id=&quot;report-url&quot;&amp;gt; &amp;lt;form action=&quot;http://yxreports.zhiyunduan.cn/zhiyunduan/indexv2.asp&quot; method=&quot;post&quot; target=&quot;showZip&quot;&amp;gt; &amp;lt;input type=&quot;hidden
Restful风格的springMVC搭配ajax请求
最近好像很流行Restful,终于弄懂一点眉目。一个小小的ajax请求没反应让我找了半天错误,原来是请求路径写错了。不给提示,坑死哥了。记下来 [code=&quot;js&quot;] 点击页面按钮,调用以下函数 function ideaStatus(el){ var self=$(el); var status=self.attr('data-status'); ...
servlet的后台页面跳转和ajax的页面跳转
1.servlet的页面跳转 Servlet: 当然,在servlet中,一般跳转都发生在doGet, doPost等方法里面。 1) redirect 方式 response.sendRedirect("/a.jsp"); 页面的路径是相对路径。sendRedirect可以将页面跳转到任何页面,不一定局限于本web应用中,如: response.sendRedirect("http:
前端入门一 —— 使用 JQuery 获取表单数据并通过 Ajax 向服务器提交数据
前端入门一 —— 使用 JQuery 获取表单数据并通过 Ajax 向服务器提交数据一、JQuery 简介二、Ajax 简介三、传统Web应用开发模式与 Ajax 开发模式对比1、传统Web应用开发模式2、Ajax 开发模式3、对比总结四、开发实例1、HTML 代码 register.html2、JS代码 register.js3、页面效果 一、JQuery 简介 jQuery是一个快速、简洁的J...
解决ajax请求下,后台页面跳转无效问题
解决ajax请求下,后台页面跳转无效问题 因为ajax请求方式,后台直接跳转是不行的 详细解析 1,后台通过response.sendRedirect来跳转,这个原理是向浏览器发送一个特殊的Header,然后由浏览器来做转向,转到指定的页面 2,但是ajax请求实际上就是通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面 换...
ajax如何实现页面局部跳转与结果返回
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。 通过代码示例分析给大家介绍ajax实现页面局部跳转与结果返回,具体内容如下: 点击提报按钮后,通过ajax来实现跳转到action中处理,JavaScript代
jq,ajax,表单提交简单的请求方式
$.ajax({ type: "POST", url: "test.php", data: "name=garfield&age=18", success: function(data){ $("#myDiv").html(''+d
layui表单在监听提交事件中,用ajax提交刷新页面问题,弹出窗无效
今天用layui中form表单提交,使用了提交监听事件用$.ajax提交,想用弹出层给页面提示效果,可惜弹出层无效,。页面刷新??? 代码如下: layui.use(['form', 'jquery', 'layer'], function () { var form = layui.form; var $ = layui.jquery; var layer ...
表单文件上传下载ajax方式返回值
表单文件上传下载
HTML页面使用ajax跳转后台步骤+js中数据处理
&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;     //页面加载事件      onload = function () { //方法跳转、查找数据 $.ajax({ url: &quot;/rwd/app/ther!runDetailByHtml.action?stationCode=12&quot;,                  typ...
笔记对于ajax传值与tojson返回与跳转页面问题
在页面使用ajax(json方式)传值得时候例如: function addbm(){ var bmname=$("#bmname").val(); var indate=$("#indate").val(); var dute=$("#dute").val(); var zg=$("#zg").val(); aler
js用POST方式页面跳转,避免在地址栏中显示传递参数
js用POST方式页面跳转,避免在地址栏中显示传递参数 function standardPost (url,args) { var form = $(""); form.attr({"action":url}); for (arg in args) { var input = $("");
JQuery 之Ajax 的重跳转页面
  //由于封装之后的ajax,返回 从数据库得到的数据 ,此时想在这个地方完成页面的跳转将不支持,可以通过下面的方法(页面的JS)间接完成需要跳转的页面 &amp;lt;script&amp;gt; $(&quot;.deleteSection&quot;).click(function(){   let con = confirm(&quot;确认删除次科室吗?&quot;)   let sid = $(this).siblings(&quot;.sec...
jsx/ajax提交成功后采用以下方式跳转
jsx/ajax提交成功后采用以下方式跳转: 1、本页面跳转:"window.location.href"、"location.href" 2、上一层页面跳转:"parent.location.href" 3、最外层的页面跳转:"top.location.href" 举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写 "
ajax提交表单跳转页面失效
解决方法: 页面的submit改成button原因: 因为有提交了一次表单。你的ajax是同步的,所以提交表单动作被挂起直到ajax完毕后(此时执行请求过一次服务器),表单会提交,这样就会执行页面指定的action的地址, 而ajax回调success href的链接赋值不成功(这个问题有兴趣的去研究)...
AJAX用户登录后跳转
最近在学习TP框架的使用,在做后台管理系统的时候做了个后台登录页面,想实时的提示用户输入信息的返回情况当然判断同户名密码错误要经过后台验证并且不刷新的情况下显示在页面上,那么首先就想到异步处理(这是门艺术)TP上的$this_ajaxReturn();方法就可以将信息返回到前段,并用jq判断局部刷新出相应的信息。但是当我真正的输入正确的用户名密码时却无法跳转到后台管理页面只是返回一条json数据流原
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 用java实现班级通讯录 值班表用java实现