這個專案是我在原有ssm專案的基礎上完成的，如果對框架有不清楚的，可以看我之前的文章，不過json應該普通專案也能用，頁面和後臺傳json通過jQuery的ajax來實現。整個專案我打包放在文章末尾了。

匯入Json所需Jar包

在網頁中引用js檔案

<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-3.2.1.min.js"></script>

編寫後臺檔案

這裡只貼出用到的，整體專案可以到文章末尾下載。

@RequestMapping("/index/load"
 
)
    private @ResponseBody List<User> requestJson(@RequestBody Map<String, Object> map){
        List<User> list = userService.getAll();
        return list;
    }

編寫js程式碼段

我這邊將json使用ajax的方法寫成了獨立方法，之後可以寫到獨立js檔案中，便於其他地方呼叫。

<script type="text/javascript">
function myfunction
 
(){
    var html = "";
    $.postJSON("<%=request.getContextPath()%>/index/load",{"id":1},function(e){
        if(e){
            for(var i=0;i<e.length;i++){
                html+="name"+e[i].name+"id"+e[i].id;
            }alert(html);
            $("#show").html(html);
        }
    });
}
$.postJSON = function
 
(url, data, callback) {
    return jQuery.ajax( {
        'type' : 'POST',
        'url' : url,
        'contentType' : 'application/json;charset=UTF-8',
        'data' : JSON.stringify(data),
        'dataType' : 'json',
        'success' : callback
    });
};
</script>