Restful风格的springMVC配搭ajax请求的小例子

1. GET请求的例子

ajax代码:

请求参数拼接在url后面(参数在服务器可通过HttpServletRequest获取,也可以直接通过@RequestParam自动注入,参考DELETE例子的方法)

    var url = '/condition';
    var params = '?id=1001';
    
    $.ajax({
        type : 'GET',
        dataType : 'json',
        url : url+params,
        success : function (response) {
            // .....
        },
        error : function (){
            // .....
        }
    });

java代码:

    @RequestMapping(value = "/condition", method = RequestMethod.GET)
    public @ResponseBody RequestResult getCondition(HttpServletRequest request) {
        // 根据id获取数据
     int id= request.getParameter("id");
     // .... 根据id获取要返回的数据data
     RequestResult result = new RequestResult();
        result.setCode(0);
        result.setMessage("success");
     result.setData(data);
return result; }

 

2. DELETE请求的例子

Ajax代码:

请求参数拼接在url后面(参数在服务器以直接通过@RequestParam自动注入,也可通过HttpServletRequest获取,参考GET例子的方法)

    var url = '/condition';
    var params = '?ids=1001,1002';
    
    $.ajax({
        type : 'DELETE',
        dataType : 'json',
        url : url+params,
        success : function (response) {
            // .....
        },
        error : function (){
            // .....
        }
    });

java代码:

    @RequestMapping(value = "/condition", method = RequestMethod.DELETE)
    public @ResponseBody RequestResult delCondition(@RequestParam(value = "ids", defaultValue = "") String ids) {
        System.out.println("ids:" + ids);
// 根据ids删除数据 RequestResult result
= new RequestResult(); result.setCode(0); result.setMessage("success"); return result; }

 

3. POST请求的例子

 Ajax代码:

新增,传递一个json对象,与GET和DELETE的传参方式不同

rowData:要传递的json对象,是表格一行的数据。

            $.ajax({
                type : 'POST',
                url : url,
                dataType : 'json',
                contentType : 'application/json',
                data : JSON.stringify(rowData),
                beforeSend : function () {
                    // .....
                },
                success : function (data) {
            // .....
                },
                error : function (){
                    // .....
                }
            });

java代码:

    @RequestMapping(value = "/condition", method = RequestMethod.POST)
    public @ResponseBody RequestResult addCondition(@RequestBody Condition condition) {
        System.out.println("name:" + condition.toString());
        // 根据condition对象进行添加操作
        RequestResult result = new RequestResult();
        result.setCode(0);
        result.setMessage("success");
        return result;
    }

 

4. PUT请求的例子

 Ajax代码:

修改,传递一个json对象,与GET和DELETE的传参方式不同

rowData:要传递的json对象,是表格一行的数据。

            $.ajax({
                type : 'PUT',
                url : url,
                dataType : 'json',
                contentType : 'application/json',
                data : JSON.stringify(rowData),
                beforeSend : function () {
                    // .....
                },
                success : function (data) {
            // .....
                },
                error : function (){
                    // .....
                }
            });

java代码:

    @RequestMapping(value = "/condition", method = RequestMethod.PUT)
    public @ResponseBody RequestResult addCondition(@RequestBody Condition condition) {
        System.out.println("name:" + condition.toString());
        // 根据condition对象进行修改操作
        RequestResult result = new RequestResult();
        result.setCode(0);
        result.setMessage("success");
        return result;
    }

 

posted @ 2016-10-26 16:11  迷失之路  阅读(4263)  评论(0编辑  收藏