美文网首页
jquery ajax向spring mvc controlle

jquery ajax向spring mvc controlle

作者: xdoyf | 来源:发表于2017-03-24 11:39 被阅读0次

    第一种传值:

    controller中是几个单独的基本类型参数
    spring MVC-controller

    @RequestMapping("update")  
    @ResponseBody//此注解不能省略 否则ajax无法接受返回值  
    public Map<String,Object> update(Long num, Long id, BigDecimal amount){  
          
        Map<String,Object> resultMap = new HashMap<String, Object>();  
        if(num == null || agentId == null || amount == null){  
            resultMap.put("result", "参数不合法!");  
            return resultMap;  
        }  
        //xxx逻辑处理  
        resultMap.put("result", result);  
        return resultMap;  
    }  
    

    jQuery ajax

    var params = {};  
        //params.XX必须与Spring Mvc controller中的参数名称一致    
        //否则在controller中使用@RequestParam绑定  
        params.num = num;  
        params.id = id;  
        params.amount = amount;  
        $.ajax({  
            async:false,  
            type: "POST",  
            url: "price/update",//注意路径  
            data:params,  
            dataType:"json",  
            success:function(data){  
                if(data.result=='SUCCESS'){  
                    alert("修改成功");  
                }else{  
                    alert("修改失败,失败原因【" + data + "】");  
                }  
            },  
            error:function(data){  
                alert(data.result);  
            }  
        });  
    

    第二种传值:

    controller中是参数是实体bean,bean中属性都是基本数据类型
    Spring MVC-controller

    @RequestMapping("add")  
        @ResponseBody//此处不能省略 否则ajax无法解析返回值  
        public Map<String,Object> add(DataVo dataVo){  
            Map<String, Object> result = null;  
            if(dataVo.getNum() == null || StringUtils.isBlank(dataVo.geId())){  
                result = new HashMap<String, Object>();  
                result.put("msg", "参数不合法!");  
                return result;  
            }  
            //xxx业务逻辑处理  
              
            return result;  
        }  
    

    实体bean DataVo

    public class DataVo {  
        /** 
         * 编号 
         */  
        private Long num;  
        /** 
         * id 
         */  
        private String id;  
          
        public Long getNum() {  
            return num;  
        }  
        public void setNum(Long num) {  
            this.num = num;  
        }  
        public String getId() {  
            return id;  
        }  
        public void setId(String id) {  
            this.id = id;  
        }  
    }  
    

    jquery ajax

    var params = {};  
                    params.num = $("#num").val();  
                    params.id = $("#id").val();//注意params.名称  名称与实体bean中名称一致  
                    $.ajax({  
                           type: "POST",  
                           url: "price/add",  
                           data:params,  
                           dataType:"json",  
                        // 此处不能设置,否则后台无法接值 
                        // contentType: "application/json; charset=utf-8",
                           success:function(data){  
                               if(data.msg != ""){  
                                  alert( data.msg );  
                               }  
                           },  
                           error:function(data){  
                               alert("出现异常,异常原因【" + data + "】!");    
                           }  
                        });   
          ```
    
    ####第三种传值:
    controller中是参数是实体bean,bean中属性有数组
    Spring MVC-controller
    ```java
    @RequestMapping("add")  
    @ResponseBody//此处不能省略 否则ajax无法解析返回值  
    public Map<String,Object> add(@RequestBody DataVo dataVo){//@RequestBody注解不能省略,否则无法接值  
        Map<String,Object> resultMap = new HashMap<String, Object>();  
        //业务逻辑处理  
        return resultMap;  
    }  
    

    实体 DataVo

    public class DataVo {  
      
         
        private BigDecimal[] nums;  
        private String id;  
      
        public Long getId() {  
            return id;  
        }  
      
        public void setId(Long id) {  
            this.id = id;  
        }  
      
        public BigDecimal[] getNums() {  
            return nums;  
        }  
      
        public void setNums(BigDecimal[] nums) {  
            this.nums = nums;  
        }  
      
    }  
    

    jquery ajax 需要jquery json的插件 进行json序列化,我这里使用了json.js
    且配置

    datatype:"json",  
    contentType: "application/json; charset=utf-8",
    
    var params = {};  
    params.nums = [];  
    params.id = $("#id").val();//parmas.参数名 注意与实体bean参数名称相同  
    var prices = document.getElementsByName("prices");//prices 是name="prices"一组input标签  
    for (var i = 0; i < prices.length; i++) {  
        params.nums[i] =  prices[i].value;  
    }   
    $.ajax({   
        type: "POST",   
        url: "price/add",   
        data:JSON.stringify(params),//json序列化   
        datatype:"json", //此处不能省略   
        //此处不能省略 明确的告诉服务器发送的内容是json,而默认的contentType是application/x-www-form-urlencoded; charset=UTF-8
        contentType: "application/json; charset=utf-8",
        success:function(data){   
            alert(data);   
        },   
        error:function(data){  
            alert(data)  
        }   
    });  
    

    相关文章

      网友评论

          本文标题:jquery ajax向spring mvc controlle

          本文链接:https://www.haomeiwen.com/subject/ffaxottx.html