springmvc接收参数

springmvc执行流程

搭建ssm框架：http://www.cnblogs.com/liyafei/p/7955413.html

1：从表单中接收普通请求参数

　　结构目录

role.html

1.1 role.html表单

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 上级目录../  本级目录./   根目录/  也就是http://localhost：8080/-->
<!--role.html访问路径为 http://localhost:8080/html/role.html，html/**映射为WEB-INF/html/  。在web.xml有配置 -->
<!--params/commonParams.do的访问目录为 http://localhost:8080/params/commonParams.do?roleName=li&note=yafei -->
<!-- 所以可以使用../或者/ --> <!-- ./代表  html/ -->
<form id="form" action="/params/commonParams.do">
    <table>
        <tr>
            <td>角色名称</td>
            <td><input id="roleName" name="roleName" value="" /></td>  <!--name的值将会作为参数名传递-->
        </tr>
        <tr>
            <td>备注</td>
            <td><input id="note" name="note" /></td>
        </tr>
        <tr>
            <td></td>
            <td align="right"><input type="submit" value="提交"/></td>
        </tr>
    </table>
</form>
</body>
</html>

1.2 springmvc使用表现层controller接收
ParamsController.java

package com.li.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

@Controller
@RequestMapping("/params")
public class ParamsController {

    @RequestMapping("/commonParams")
    public ModelAndView commonParams(String roleName,String note){  //参数名一致就会获得http传输过来的参数
        System.out.println("roleName>"+roleName);
        System.out.println("note=>"+note);
        ModelAndView mv=new ModelAndView();
        mv.setViewName("hello");
        return mv;  //会被视图解析器解析
    }
}

1.3测试成功。
2：使用pojo接收普通参数，pojo的属性名应该与传过来的参数名相同

　　RoleParam.java

package com.li.pojo;

public class RoleParam {

    String note;
    String roleName;
    public String getNote() {
        return note;
    }
    public void setNote(String note) {
        this.note = note;
    }
    public String getRoleName() {
        return roleName;
    }
    public void setRoleName(String roleName) {
        this.roleName = roleName;
    }
    
}

controller中加入方法，修改form表单的action为../params/commonParamPojo.do

    @RequestMapping("/commonParamPojo")
    public ModelAndView commonParamPojo(RoleParam roleParam){
        System.out.println("roleName=>"+roleParam.getRoleName());
        System.out.println("note=>"+roleParam.getNote());
        ModelAndView mv=new ModelAndView();
        mv.setViewName("index");
        return mv;
    }

3:传输过来的参数名和方法名中的名字不一致时可以使用requestParam,修改form表单的action为../params/requestParam.do

    /**
     * 当传输的参数名和映射方法中的参数名不一致时，可以使用@RequestParam获取传输过来的参数，后面 的参数名字任意定义
     */
    @RequestMapping("/requestParam")
    public ModelAndView requestParam(@RequestParam("roleName") String name,String note){
        System.out.println("roleName>"+name);
        System.out.println("note=>"+note);
        ModelAndView mv=new ModelAndView();
        mv.setViewName("hello");
        return mv;  //会被视图解析器解析
    }

4：使用URL传递参数

    /**
     * 使用url传递参数
     * @pathVariable
     */
    @RequestMapping("/pathVariable/{id}")
    public ModelAndView pathVariable(@PathVariable("id")Long id){
        System.out.println(id);
        ModelAndView mv=new ModelAndView();
        mv.setViewName("index");
//        mv.addObject("user");
//        mv.addObject("user", "user");
//        Map<String, String> map = new HashMap<String, String>();
//        map.put("user1", "user1");
//        map.put("user2", "user2");
//        mv.addAllObjects(map);
        return mv;
    }

访问路径：http://localhost:8080/params/pathVariable/1

5：传递json参数

　　5.1 创建pojo

package com.li.pojo;

public class PageParams {

    private int start;
    private int limit;
       setter and getter    
}

package com.li.pojo;

public class RoleParams {

    private String roleName;
    private String note;
    private PageParams pageParams;
         setter and getter    
}

　　5.2 javascript代码

$(document).ready(function(){
    //json参数和类RoleParams一一对应
    var data={
        //角色查询参数
        roleName:'role',
        note:'note',
        //分页参数
        pageParams:{
            start:1,
            limit:20
        }
    }
    
    //jquery的post请求
    $.post({
        url:"./params/findRoles.do",
        //此处需要告知传递参数类型的JSON，不能缺少
        contentType:"application/json",
        data:JSON.stringify(data),
        //成功后 的方法
        success:function(result){
        }
    });
});

5.3 添加findRoles方法，接收json数据需要使用@RequestBody注解

    @RequestMapping("/findRoles")
    public ModelAndView findRoles(@RequestBody RoleParams roleParams){
        System.out.println(roleParams.getRoleName());
        System.out.println(roleParams.getNote());
        System.out.println(roleParams.getPageParams());
        ModelAndView mv=new ModelAndView();
        mv.setViewName("index");
        return mv;
    }

　　　　5.4:其它方式接收参数，javascript代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){  //这里没有触发方法，打开该页面，就会直接运行，
    //json参数和类RoleParams一一对应
    var data={
        //角色查询参数
        roleName:'role',
        note:'note',
        //分页参数
        pageParams:{
            start:1,
            limit:20
        }
    }
    
    //jquery的post请求
    $.post({
        url:"/params/findRoles.do",
        //此处需要告知传递参数类型的JSON，不能缺少
        contentType:"application/json",
        data:JSON.stringify(data),
        //成功后 的方法
        success:function(result){
        }
    });
});

//15.1.5,接收列表数据和表单序列化
    //传递数组给控制器
$(document).ready(function(){
    //删除角色数组
    var idList=[1,2,3];
    //jQuery 的post请求
    $.post({
         url:"/params/deleteRoles.do",
        //将json转化为字符串传递
        data:JSON.stringify(idList),
        //指定传输数据类型，不可缺少
        contentType:"application/json",
        //成功后的方法
        sucess:function(result){
        
        }
    });
});

//添加角色，使用数组传递数据，用于保存
$(document).ready(function(){
    //新增角色数组
    var roleList=[
            {roleName:'role_name_1',note:'note_1'},
            {roleName:'role_name_2',note:'note_2'},
            {roleName:'role_name_3',note:'note_3'}        
        ];
        //jQuery的post请求
    $.post({
            url:"./params/addRoles.do",
            //将JSON转化为字符串传递
            data:JSON.stringify(roleList),
            contentType:"application/json",
            //成功后的方法
            success:function(result){
            }
        });
});
</script>
</head>
<body>
<!-- 上级目录../  本级目录./   根目录/  也就是http://localhost：8080/-->
<!--role.html访问路径为 http://localhost:8080/html/role.html，html/**映射为WEB-INF/html/ -->
<!--params/commonParams.do的访问目录为 http://localhost:8080/params/commonParams.do?roleName=li&note=yafei -->
<!-- 所以可以使用../或者/ --> <!-- ./代表  html/ -->
<form id="form" action="/params/requestParam.do">
    <table>
        <tr>
            <td>角色名称</td>
            <td><input id="roleName" name="roleName" value="" /></td>
        </tr>
        <tr>
            <td>备注</td>
            <td><input id="note" name="note" /></td>
        </tr>
        <tr>
            <td></td>
            <td align="right"><input type="submit" value="提交"/></td>
        </tr>
    </table>
</form>
</body>
</html>

5.5;controller中添加相应的方法

    @RequestMapping("/findRoles")
    public ModelAndView findRoles(@RequestBody RoleParams roleParams){
        System.out.println(roleParams.getRoleName());
        System.out.println(roleParams.getNote());
        System.out.println(roleParams.getPageParams());
        ModelAndView mv=new ModelAndView();
        mv.setViewName("index");
        return mv;
    }
    
    /**
     * 接收列表数据和表单序列化
     */
    @RequestMapping("/deleteRoles")
    public ModelAndView deleteRoles(@RequestBody List<Long> idList){
        ModelAndView mv=new ModelAndView();
        //删除角色
        int total;//删除之后返回的记录条数
        mv.addObject("total", "total");
        //json视图
        mv.setView(new MappingJackson2JsonView());
        return mv;
    }
    
    /**
     * 添加角色方法
     */
    @RequestMapping("/addRoles")
    public ModelAndView addRoles(@RequestBody List roleList){
        ModelAndView mv=new ModelAndView();
        mv.setViewName("index");
        mv.setView(new MappingJackson2JsonView());
        return mv;
    }

6：接收序列化表单数据，javascript代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.0.js">
</script>
<script type="text/javascript">
//提交序列化表单
$(document).ready(function(){
        $("#commit").click(function() {    //需要下面的id为commit的按钮触发
            var str=$("form").serialize();
            //提交表单
            $.post({url:"/params/commonParamPojo2.do",
            //将form数据序列化，传递给后台，则将数据以roleName=xxx&&note=xxx传递
             data:str, 
             //成功后的方法
             success:function(result) {    
            }
            });
        });
    });
</script>
</head>
<body>
    <form id="form">
        <table>
            <tr>
                <td>角色名称</td>
                <td><input id="roleName" name="roleName"/></td>
            </tr>
            <tr>
                <td>备注</td>
                <td><input id="note" name="note"/></td>
            </tr>
            <tr>
                <td></td>
                <td align="right"><input id="commit" type="button" value="提交"/></td>  <!--触发#commit方法-->
            </tr>
        </table>
    </form>
</body>
</html>

6.1：接收数据的方法

    /**
     * 接收序列化表单，序列化后的数据，用传递过来的参数名直接接收即可
     */
    @RequestMapping("/commonParamPojo2")
    public ModelAndView commonParamPojo2(String roleName,String note){
        System.out.println("commonParamPojo2");
        System.out.println("roleName=>"+roleName);
        System.out.println("note=>"+note);
        ModelAndView mv=new ModelAndView();
        mv.setViewName("index");
        return mv;
    }

posted @ 2017-12-03 22:07 1367356 阅读(425) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

springmvc接收参数

公告