1. 程式人生 > >利用SpringMVC實現Json互動

利用SpringMVC實現Json互動

自己琢磨了下再加上網上參考的,還是比較完整的一個Json栗子,有興趣的朋友可以看看,我放到了Git上:

https://github.com/jjc123/SpringMVC_Json_Demo

注意4點:

點1:

maven配置只要: ···

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

··· 因為其他的是jackson-databind的依賴包,也被載入進來了無需其他。

點2:

已經將JSON型別的轉換器載入進來無需其他內容

<!--介面卡和處理器 裡面已經載入了需要的JSON型別轉換器-->
    <mvc:annotation-driven></mvc:annotation-driven>

點3:

後臺接收Json轉換成實體類,返回給前臺時實體類轉換Json

@RequestMapping("JsonTest")
    public @ResponseBody User JsonTest(@RequestBody User user){//轉換json串型別,繫結到user上
        System.out.println(user);
        return user;
    }

點4:

前臺關鍵的ajax互動:

<script type="text/javascript">
 $(document).ready(function() {
     $("#mybutton").click(function(){
         var name=$("#name").val();
         var age=$("#age").val();
         var jsonData = {
             "name" : name,
             "age" : age
         };
         $.ajax({
             type:"post",
             url:"${pageContext.request.contextPath}/JsonTest.action",
             contentType:"application/json;charset=utf-8",
             data:JSON.stringify(jsonData),//資料格式要JSON串
             success:function(data){//返回JSON串
                 alert("username:"+data["name"]+",age:"+data["age"]);
             },
             error:function(xhr){
                 alert("錯誤提示:"+xhr.status+xhr.statusText);
             }
         })
     })
 })
    </script>