[TOC]
# 客户端跳转
在前面的例子中,无论是/index跳转到index.jsp 还是/addProduct 跳转到showProduct.jsp,都是服务端跳转。
本例讲解如何进行客户端跳转
## 步骤 1 : 先运行,看到效果,再学习
先将完整的项目(向老师要相关资料),配置运行起来,确认可用之后,再学习做了哪些步骤以达到这样的效果。
## 步骤 2 : 模仿和排错
在确保可运行项目能够正确无误地运行之后,再严格照着教程的步骤,对代码模仿一遍。
模仿过程难免代码有出入,导致无法得到期望的运行结果,此时此刻通过比较**正确答案** ( 可运行项目 ) 和自己的代码,来定位问题所在。
采用这种方式,**学习有效果,排错有效率**,可以较为明显地提升学习速度,跨过学习路上的各个槛。
## 步骤 3 : 效果
访问页面
`http://localhost:8080/springmvc/jump`
结果客户端跳转到了
`http://localhost:8080/springmvc/index`
![](../images/Image022.png)
## 步骤 4 : 修改IndexController
首先映射/jump到jump()方法
在jump()中编写如下代码
~~~
ModelAndView mav = new ModelAndView("redirect:index");
~~~
redirect:/index
即表示客户端跳转的意思
~~~
package com.dodoke.controller;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
@Controller
public class IndexController {
@RequestMapping("/index")
public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception {
ModelAndView mav = new ModelAndView("index");
mav.addObject("message", "Hello SpringMVC");
return mav;
}
@RequestMapping("/jump")
public ModelAndView jump() {
ModelAndView mav = new ModelAndView("redirect:index");
return mav;
}
}
~~~
## 步骤 5 : 测试
访问页面
`http://localhost:8080/springmvc/jump`
结果客户端跳转到了
`http://localhost:8080/springmvc/index`
![](../images/Image022.png)