ajax实现页面跳转

一、前因

刚学完ajax没多久，想着写个注册界面，利用ajax把用户名和密码传过来，注册成功以后跳转到登录界面，之前一直用的是Servlet来重定向，结果直接就是说没有反应，调了半天就是不成功。

查了半天，发现是ajax的问题，它的特点本来就是局部刷新，所以重定向没法用了，我又想到一个方法，既然后端传不了，那我走前端，前端里面不是有一个方法：location.href，我就喜滋滋的把路径一封装传前面去了。

我真的会谢，又错了，又调了半天还是不行。上网去查，学到一个新的方法：top.location.href，诶，这个top就有意思了，它可以跳脱出框架，在顶层打开新窗口，看起来就很有戏，果然，成功了。

二、使用到的方法

top.location.href = url;//url表示要跳转的路径

三、代码实现

1.后端部分

private void register(HttpServletRequest req, HttpServletResponse resp) throws IOException {System.out.println("register");String name = req.getParameter("name");String password = req.getParameter("password");Map<String , Object> map = new HashMap<>();if(name != null && password != null && !userService.isHavaUser(name)) {System.out.println("注册成功");userService.register(name, password);map.put("url", req.getContextPath() + "/login.jsp");//将要跳转的路径封装传过去map.put("login", true);} else {map.put("msg", "用户名已存在，请换一个用户名");map.put("login", false);}resp.setContentType("text/html;charset=utf-8");ObjectMapper mapper = new ObjectMapper();mapper.writeValue(resp.getWriter(), map);}

2.前端部分

$("#buttonId").bind('click', function () {var name = $("#nameId").val();var password = $("#passwordId").val();$.post('<%=request.getContextPath()%>/user?method=register',{"name" : name, "password" : password},function (jsonObj) {if(jsonObj.login) {top.location.href = jsonObj.url;//进行页面跳转} else {alert(jsonObj.msg);}},'json');});

ajax实现页面跳转相关推荐

ajax怎么控制页面跳转页面跳转,使用ajax实现页面跳转
最近在写一个Javaweb的项目,在写登录界面的时候,使用了ajax作为向后端传递数据的方式,但是在最初写的时候发现了一个问题.那就是,当我在后端判断用户名和密码正确之后,调用response.sen ...
ajax ssm 页面跳转_SSM用jq整合Ajax入门案例讲解
SSM用Jq整合Ajax 我就是一个程序小白,很多原理都不懂,下面的内容只能让新手知道怎么用. Ajax 废话少说,总之像点赞,评论,之类的很多功能没必要进行页面跳转,更没必要牺牲整个页面来刷新局部区 ...
ajax ssm 页面跳转_Shiro 教程，Ajax请求拦截跳转页面方案
我们知道Ajax不能做页面redirect和forward跳转,所以Ajax请求假如没登录,那么这个请求给用户的感觉就是没有任何反应,而用户又不知道用户已经退出或是 Session 超时了.这个时 ...
ajax 跳转 html页面传值,ajax实现页面跳转并传参
javascript" name=code class="page_speeder_20720">整理版 $.ajax({ type:"POST" ...
ajax ssm 页面跳转_SSM框架的面试常见问题
阅读文本大概需要9分钟. 一.Spring面试题 1.Spring 在ssm中起什么作用? Spring:轻量级框架作用:Bean工厂,用来管理Bean的生命周期和框架集成. 两大核心: IOC/D ...
jq ajax请求页面跳转页面,使用jquery.get提交页面没有跳转的解决方法
代码如下: 复制代码代码示例: CodeFile="Default.aspx.cs" Inherits="_Default" %> window.loc ...
ajax ssm 页面跳转_ssm项目实战实现页面的局部刷新功能
好的各位小伙伴继续学习知识了 ajax_json 咱们之前用SSM三大框架整合,实现了用户的增删改查功能.今天主要是将之前实现的用户功能,修改成 ajax 的方式,实现页面的局部刷新功能. 首先来实 ...
ajax实现页面跳转并传参,jQuery实现页面跳转的时候Post传参
需求:JavaScript 控制POST的数据内容并从当前页跳转到B页面方案一方案一定义一个函数,这样就是丑了点,但是完全符合需求. function StandardPost (url,args ...
express 使用 redirect 对 ajax 无效页面不跳转
问题描述: 自己在使用 express 的 redirect 时,并不进行跳转操作,但是前端是可以接收到整个后端将要跳转的整个页面的 html 已经是301状态码,但是页面不跳转原因: 使用 aja ...

ajax实现页面跳转

ajax实现页面跳转相关推荐

最新文章

热门文章