• 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;
        }
  • 相关阅读:
    webpack source map
    webpack 多页面应用打包
    webpack 资源内联
    webpack 移动端 CSSpx 自动转换成 rem
    webpack postcss插件
    css实现banner背景图上文字效果+
    css实现标题下划线效果
    Day 88 Django_DRF 序列化
    Day 87 VUE——xmall_front 案例
    Day 86 VUE——Vuex
  • 原文地址:https://www.cnblogs.com/zj0208/p/6000774.html
Copyright © 2020-2023  润新知