学习笔记_springmvc返回值、数据写到页面、表单提交、ajax、重定向

数据写到页面

后台往前台传数据

TestController添加

/**
   * 方法的返回值采用ModelAndView, new ModelAndView("index", map);,
   * 相当于把结果数据放到request里面
   * @return
   * @throws Exception
   */
  @RequestMapping("/toPerson4.do")
  public ModelAndView toPerson4() throws Exception{
    Person person = new Person();
    person.setName("jerome");
    person.setAge(22);
    person.setAddress("nanan");
    SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
    Date date = format.parse("2012-12-21");
    person.setBirthday(date);

    Map<String,Object> map = new HashMap<String, Object>();
    map.put("p", person);
    return new ModelAndView("jsp/index",map);
  }

页面接收:index.jsp

<body>
     <h5>${p.name }</h5>
     <h5>${p.age }</h5>
     <h5>${p.address }</h5>
     <h5><fmt:formatDate value="${p.birthday }" pattern="yyyy-MM-dd"/></h5>
  </body>

在jsp引入fmt标签库

* 文章包含被禁用的url,无法保存和发布。

太坑了,这个链接也屏蔽~

重启tomcat访问:

http://localhost:8080/springmvc-2/test/toPerson4.do
输出信息正确;

另外一种方式:

/**
   * 直接在方法的参数列表中来定义Map,这个Map即使ModelAndView里面的Map
   * 由视图解析器统一处理,统一走ModelAndView的接口
   * 也不建议使用
   * @param map
   * @return
   * @throws Exception
   */
  @RequestMapping("/toPerson5.do")
  public String toPerson5(Map<String,Object> map) throws Exception{
    Person person = new Person();
    person.setName("jerome");
    person.setAge(22);
    person.setAddress("nanan");
    SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
    Date date = format.parse("2012-12-21");
    person.setBirthday(date);

    map.put("p", person);
    return "jsp/index";
  }

重启tomcat访问:
http://localhost:8080/springmvc-2/test/toPerson5.do
输出正确;

建议使用方式:

/**
   *在参数列表中直接定义Model,model.addAttribute("p", person);
   *把参数值放到request类里面去,建议使用
   * @param map
   * @return
   * @throws Exception
   */
  @RequestMapping("/toPerson6.do")
  public String toPerson6(Model model) throws Exception {
    Person person = new Person();
    person.setName("jerome");
    person.setAge(22);
    person.setAddress("nanan");
    SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
    Date date = format.parse("2012-12-21");
    person.setBirthday(date);
    //把参数值放到request类里面去
    model.addAttribute("p", person);
    return "jsp/index";
  }

重启tomcat访问:
http://localhost:8080/springmvc-2/test/toPerson6.do
输出正确数据;

不需要页面跳转:ajax

后台方法:

在TestController加

/**
   * ajax的请求返回值类型应该是void,参数列表里直接定义HttpServletResponse,
   * 获得ProntWriter的类,最后可把结果写到页面
   * 不建议使用
   * @param name
   * @param response
   */
  @RequestMapping("/ajax.do")
  public void ajax(String name, HttpServletResponse response) {
    String result = "hello " + name;
    try {
      response.getWriter().write(result);
    } catch (IOException e) {
      e.printStackTrace();
    }
  }

前台调用 新建ajax.jsp
<input id="myButton" type="button" value="click">
Webroot新建js文件夹将jquery拷贝进来;
引进来jquery 和写js脚本:

<script type="text/javascript">
  $(function(){
      $("#myButton").click(function(){
        $.ajax({
          url:"test/ajax.do",
          type:"post",
          dataType:"text",
          data:{
            name:"zhangsan"
          },
          success:function(responseText){
            alert(responseText);
          },
          error:function(){
            alert("system error");
          }
        });
      });
    });
  </script>

后台写一个转发:

@RequestMapping("/toAjax.do")
  public String toAjax() {
    return "jsp/ajax";
  }

重启tomcat 访问 
http://localhost:8080/springmvc-2/test/toAjax.do
Click,弹出hello zhangsan,成功;

以上方法不建议使用,建议使用:

/**
   * 直接在参数的列表上定义PrintWriter,out.wrote(result);
   * 把结果写到页面,建议使用
   * @param name
   * @param out
   */
  @RequestMapping("/ajax1.do")
  public void ajax1(String name, PrintWriter out) {
    String result="hello1 "+name;
    out.write(result);
  }

修改ajax.jap页面的,js脚本,跳转的url是
url:"test/ajax1.do",
重启tomcat 访问  
http://localhost:8080/springmvc-2/test/toAjax.do
Click
弹出 hello1 zhangsan;

表单:

拷贝一份index,起名form.jsp

<body>
  <form action="test/toPerson7.do" method="post">
      name:<input name="name" type="text"><br/>
      age:<input name="age" type="text"><br/>
      address:<input name="address" type="text"><br/>
      birthday:<input name="birthday" type="text"><br/>
    <input type="submit"><br/>
  </form>

TestController

@RequestMapping("/toPerson7.do")
  public String toPerson7(Person person) {
    System.out.println(person);
    return "jsp/index";
  }

重启tomcat 访问:
http://localhost:8080/springmvc-2/test/toForm.do
提交跳转到
http://localhost:8080/springmvc-2/test/toPerson7.do
控制台输出
Person [name=aa, address=asdf, birthday=Tue Jun 03 00:00:00 CST 2014, age=22]

请求方式的指定:

后台可以指定提交方法,如果前台不是用的同一种提交方式 将报错;

/**
   * @RequestMapping(value="/toPerson7.do",method=RequestMethod.POST)
   * 可以指定请求方式,前台就必须要以它制定好的方式来访问,不然会出现405错误
   * @param person
   * @return
   */
  @RequestMapping(value="/toPerson7.do",method=RequestMethod.POST)
  public String toPerson7(Person person) {
    System.out.println(person);
    return "jsp/index";
  }

Form.jap的method修改为get和post测试;

重定向:

同一个 controller

/**
   * 重定向:controller内部重定向,redirect:加上同一个controller中
   * 的requesMapping的值
   * @return
   */
  @RequestMapping("/redirectToForm.do")
  public String redirectToForm() {
    return "redirect:toForm.do";
  }

重启tomcat 访问:
http://localhost:8080/springmvc-2/test/redirectToForm.do 
重定向到
http://localhost:8080/springmvc-2/test/toForm.do

Controller之间的重定向:

拷贝一份TestController改成TestController1
留这个

@Controller
//用来标注当前类是springmvc的控制层的类
@RequestMapping("/test1")
//controller的唯一标识或者命名空间
public class TestController1 {

  @RequestMapping("/toForm.do")
  public String toForm() {
    return "jsp/form";
  }

}

TestController 添加

/**
   *  controller之间的重定向:必须要指定好controller的命名空间再
   *  指定requestMapping的值,redirect:后必须要加/,是从根目录开始,
   *  否则就从当天test找了
   * @return
   */
  @RequestMapping("/redirectToForm1.do")
  public String redirectToForm1() {
    return "redirect:/test1/toForm.do";
  }

重启tomcat 访问

http://localhost:8080/springmvc-2/test/redirectToForm1.do http://localhost:8080/springmvc-2/test/redirectToForm1.do

重定向到

http://localhost:8080/springmvc-2/test/toForm.do

时间: 2024-08-08 01:36:54

学习笔记_springmvc返回值、数据写到页面、表单提交、ajax、重定向的相关文章

HTML5 学习笔记(二)——HTML5新增属性与表单元素

目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placeholder占位属性 1.7.required必填属性 1.8.pattern正则属性 1.9.autofocus自动聚焦属性 1.10.autocomplete自动完成属性 1.11.novalidate不验证属性 1.12.multiple多选属性 二.HTML5表单新功能解析 2.1.表单结构更自由

向后台提交数据:通过form表单提交数据需刷新网页 但通过Ajax提交数据不用刷新网页可通过原生态Ajax或jqueryAjax。Ajax代码部分

原生态Ajax提交表单:需要借助XMLHttpRequest对象的open,要收通过post发送请求还要setRequsetHeader,然后把数据发送给后端,代码如下 目录结构 index.py代码 1 #index.py 2 #!/usr/bin/env python 3 #-*- coding:utf-8 -*- 4 import tornado.web 5 import tornado.ioloop 6 class indexHandler(tornado.web.RequestHand

php中max_input_vars默认值为1000导致多表单提交失败

转载于:http://54im.com/php-2/php-max-input-vars-default-value-1000-fail-post-form.html 公司内一个php的后台管理系统,之前运行在apache上,后来我给转到nginx+php上后,其他功能运行正常,有一个修改功能提交表单后没有提交成功,查了代码没查出来什么问题,后来看了下php error日志,也没有什么线索,打印post请求后,也发现提交表单个数和正在表单个数对不上(当时怀疑过是不是某个插件是不是没装,字符集对不

ajax的表单提交,与传送数据

ajax的表单提交 $.ajax ({ url: "<%=basePath%>resource/addPortDetectOne.action", dataType: "json", method : 'post', data: $("#form_portDetect").serialize(),              //传送表单数据 success : function(data_) { //alert(data_); ale

springmvc返回值、数据写到页面、表单提交、ajax、重定向

实验是在前一篇文章的项目上做的: 数据写到页面 后台往前台传数据 TestController添加 /** * 方法的返回值采用ModelAndView, new ModelAndView("index", map);, * 相当于把结果数据放到request里面 * @return * @throws Exception */ @RequestMapping("/toPerson4.do") public ModelAndView toPerson4() thro

学习笔记_springmvc注解形式的开发参数接收

springmvc基于注解的开发 注解第一个例子 1. 创建web项目 springmvc-2 2. 在springmvc的配置文件中指定注解驱动,配置扫描器 <!-- sprimgmvc 注解驱动 --> <!-- <mvc:annotation-driven /> --> <!-- springmvc的扫描器,一旦有扫描器的定义上面的mvc:annotation.. 就不需要了,扫描器已经有哪里注解驱动的功能 --> <context:compon

lua学习笔记之类型和值

Lua学习笔记之类型和值 1.全局变量 全局变量不需要声明,给一个变量赋值后即创建了这个全局变量,访问一个没有初始化的全局变量也不会出错,只不过得到的结果是:nil 如果需要删除一个全局变量,只需要将变量赋值为nil 2.词法约定 标识符:字母或者下划线开头的字母.下划线.数字序列,最好不要使用下划线家大写字母的标识符,因为lua的保留字也是这样的. 3.命令行方式 Lua[options][script[args]] -e:直接将命令传入lua Prompt>lua –e "print(

学习笔记_springmvc文件上传和拦截器

文件上传 用到这两个包 配置视图解析器:springmvc配置文件配置 <!-- id必须要是"multipartResolver" --> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- maxUploadSize文件上传的最大值,单位是byte

Python学习笔记_Chapter 6定制数据对象

1. 有用的BIF a. 判断字符串中是否包含子字符串 1 if s_a in s_b: b. pop() 描述:从指定的列表位置删除并返回一个数据项. 1 (sarah_name,sarah_dob)=l_rah.pop(0),l_rah.pop(0) 2 #pop(0)中0位置为list中第一个数据项 3 #第一次执行pop赋值给sarah_name c. strip() 输入的是字符串,返回的是列表 d.open 读文件时可以多种方式打开文件,取出的数据是不同的,可以是文本也可以是二进制.