zoukankan      html  css  js  c++  java
  • SpringMVC实现AJax以及RestFull风格

    RestFull风格就是url路径中不能出现?不能带参数,如https://www.baidu.com/user/item/1234这个格式,也叫url资源定位

    1、需要在web.xml中开启put,和delete的支持

      <!-- 浏览器不支持put,delete等method,由该filter将/xxx?_method=delete转换为标准的http delete方法 -->
          <filter>
            <filter-name>hiddenHttpMethodFilter</filter-name>
            <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
        </filter>
        <filter-mapping>
            <filter-name>hiddenHttpMethodFilter</filter-name>
            <url-pattern>/*</url-pattern>
        </filter-mapping>   
    

      2、务必导入jackson的jar包

    3、jqery发送AJax到springmvc,需要的是json标准格式的字符串,而非json对象,所以得先转成字符串,涉及的发送AJax的几处坑如下:

    SpringMVC发送ajax

    一般采用$.ajax()方法进行数据发送,主要是因为$.post()方法发送数据的形式得是json对象格式,而$.ajax()方法可以发送字符串形式json另外使用springmvcajax功能千万记得导入jackson2.4版本以上的包,不然报406的错误,采用$.ajax()方法需要注意的几个坑是:

    $.ajax({

       url: "${pageContext.request.contextPath}/test.action",

       data:  JSON.stringify(obj), //这也是一处坑,SpringMVC要求为严格形式的json字符串,必须保证json串不能出现畸形

       contentType : 'application/json;charset=utf-8',//这也是一处坑,这里指定发送到服务器端的报文内容形式,默认的urlencoder的,无法传送json,所以传json时必须指定contentType

       type:"post",

       traditional:true,

       dataType:"json",  //这里是一处坑,dataType为指定响应回来的数据类型,必须是xmljsontexthtml中的一种,不能写错,写错后会造成jqery框架把返回数据转为指定格式失败,而从导致success函数无法调用,但是服务端能接收到数据,也能正常返回,而js端解析数据出错而造成卡死了,但是并没有错误显示

       success:function(data)

          {

            

            }

     });

    服务端把json数据装配成pojo对象,是通过@RequestBody注解来实现的,而把pojo对象返回成json对象是通过注解@ResponseBody来实现的,都得一一写上,就算返回的是字符串@ResponseBody也不能漏掉

    @RequestMapping("/test.action")

    public @ResponseBody User func1(@RequestBody User u)

    { 

    return User;

    }

    其中,发送AJax的contentType 为发送过去的格式,dataType为接收时让jqery转换的格式,一定得指定让其可以正常转换的格式才行,不然不会报错,但是也没有成功的回调响应

    JQuery的$.ajax(url,[settings]) 
    1.默认的ContentType的值为:application/x-www-form-urlencoded; charset=UTF-8 
    此格式为表单提交格式,数据为key1=value1&key2=value2的格式 
    2.虽然ajax的data属性值格式为:{key1:value1,key2:value2},但最后会转为key1=value1&key2=value2的格式提交到后台 
    3.如果ajax要和springmvc交互,key1=value1&key2=value2的格式,后台springmvc只需要定义对象或者参数就行了,会自动映射。 
    4.如果springmvc的参数有@RequestBody注解(接收json**字符串**格式数据),ajax必须将date属性值转为json字符串,不能为json对象(js对象,会自动转为key=value形式)。并且,修改contentType的值为:application/json; charset=UTF-8,这样加了@RequestBody注解的属性才能自定映射到值

    4、代码实现:

    ①、服务端,默认可以不写produces={"application/json;charset=utf-8"},produces是指定响应回客户端的json格式编码,除非返回格式解析乱码

        @RequestMapping(value="/submit",method=RequestMethod.DELETE,produces={"application/json;charset=utf-8"})    
        public @ResponseBody User submit1(@RequestBody User u)
        { 
            System.out.println(u); 
            return new User("004","jerry");
        }
        
        @RequestMapping(value="/submit",method=RequestMethod.POST)    
        public @ResponseBody User submit2( @RequestBody User u)
        { 
            System.out.println(u); 
            return new User("003","jerry");         
        }

    ②、客户端:

    <script type="text/javascript">
    	$(function() {
    		$("#btn1").click(function() {
    			var obj = {
    _method:'delete', uid : 1, name : 'jerry1' }; $.ajax({ url : '${pageContext.request.contextPath}/submit', type : 'post', data : JSON.stringify(obj), contentType : 'application/json;charset=utf-8', dataType : 'json', success : function(data) { alert(data.uid); } }); }); $("#btn2").click(function() { var obj = {
    // _method:'post', uid : 2, name : 'jerry2' }; $.ajax({ url : '${pageContext.request.contextPath}/submit', type : 'post', data : JSON.stringify(obj), contentType : 'application/json;charset=utf-8', dataType : 'json', success : function(data) { alert(data.uid); } }); }); }); </script>

      客户端通过数据参数区分RestFull方法,服务端通过RequestMethod来进行限制,url路径参数可以通过路径匹配注解来获取,以{}包裹具体参数,如下:

    jquery发送json数据到controller,ajax上必须制定contentType : 'application/json;charset=utf-8',且controller接受的时候必须用@RequestBody进行对象接受,如果@RequestBody,那么默认是已form表单提交,ajax发送时就不能加contentType : 'application/json;charset=utf-8',采用默认的urlendongding形式就行

  • 相关阅读:
    2019年湘潭大学程序设计竞赛(重现赛)
    牛客练习赛43
    2251: Code Cleanups
    【软件工程】读《构建之法》
    20150401 作业2 结对 四则运算
    四则运算
    Unity3d网格合并2
    Unity网格合并_材质合并
    Unity 5 Stats窗口
    Unity3D研究院之Unity5.x运行时动态更新烘培贴图
  • 原文地址:https://www.cnblogs.com/javabg/p/7277387.html
Copyright © 2011-2022 走看看