ajax请求与json数据处理

Posted 言_曦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax请求与json数据处理相关的知识,希望对你有一定的参考价值。

一,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... 使用 [ ] 获取;

 

 

以上是关于ajax请求与json数据处理的主要内容,如果未能解决你的问题,请参考以下文章

AJAX 响应:数据(JSON、XML)还是 HTML 片段? [关闭]

ajax请求与json数据处理

js面试题,ajax请求时,如何解释json数据

Ajax请求的Json解析以及Post与Get方法

(java)jsp页面ajax发出请求返回json格式数据 中文乱码问题

asp 如何请求 json