一,ajax使用配置

  1)使用ajax之前先引入jquery

  <script type=”text/javascript” src=”js/jquery-1.8.2.js”></script>

二,ajax常用格式

    var u = $(“#uUsername”).val();

  1)  $.ajax({

    url : \’user/checkUname\’,     <!– url  :请求地址 –>  
    type : \’post\’,        <!–type :请求类型:post/get –> 
    data : {           <!–data :发送给服务器的数据 –>      
        uUsername : u,        <!– 使用自己声明的对象 –>  
        uPwd : $(“#pwd”).val()    <! — 直接获取页面的对象 –>  
      },
    dataType : \’json\’,                    <!–dataType:服务器返回的数据类型 text/xml/script/html/json/jsonp –>
    success: function(data){   <!–回调函数 –>        
      console.log(data);             <! — 浏览器控制台显示返回内容(建议使用) –>
      alert(data);           <! — 弹框显示返回内容 –>
      }

    });

三,json转换配置

  1)使用@ResponseBody

   <dependency>
        <groupId>com.fasterxml.jackson.core</groupId>
        <artifactId>jackson-databind</artifactId>
        <version>2.9.0</version>
    </dependency>

 

 

 

    1.返回值写需要返回的类型

    2.直接返回内容

    

  2)使用alibaba的json转换工具

    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>1.2.4</version>
    </dependency>

    

    1.返回值写String类型

    2.JSON.toJSONString(userList);

    

四,ajax回调函数处理服务器返回的json数据

  

    

  1)获取返回值是对象的josn数据内容

    

   获取用户名:zhangsan, data.uUsername;     (data.变量名)

  2)获取返回值是List的josn数据内容

    

   获取用户名:lisi , data[0].uUsername;        (data[ 索引].变量名)

   获取用户名:lisi , data[1].uUsername;

  3)获取返回值是Map的josn数据内容

   

  

   获取状态:data.state;

   获取list中第一个user的名字:data.userlist[0].uUsername;

五,总结

   json数据解析主要是看层级,遇到{ }里的内容使用 . 获取,遇到0,1… 使用 [ ] 获取;

 

 

版权声明:本文为hi-feng原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/hi-feng/p/7873352.html