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... 使用 [ ] 獲取；