介紹Spring中ajax與後台傳輸資料的幾種方式

ajax欄位介紹與背景傳送資料的方法

推薦（免費）：ajax

最近寫ajax與後台傳輸資料的時候碰到了一個問題，我想ajax以json的方式把資料傳送個後台，後台用map的形式接收，然後也以map的形式傳回數據。可是一直碰到前台報（*）（@415 Unsupported media type) 不支援媒體類型錯誤，然後經過查閱資料終於解決了。這裡總結下關於ajax與後台傳輸資料的幾種方式，上面問題的解決方法在本文最後。

---

1.把資料放到url中傳遞

js:

<code>
var id = $("#id").val();
$.ajax({
type: "POST",
url: "/IFTree/people/getPeopleById/"+id,//参数放在url中
success:function(data){ alert(data);
},
error:function(xhr, textStatus, errorThrown) {
}
});
</code>

後台：

<code></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">@RequestMapping(value = "getPeopleById/{id}")
@ResponseBody
    public Map<String, Object> getPeopleById(@PathVariable("id") int id) {
        //@PathVariable("id") 如果参数名与url定义的一样注解可以不用定义("id")
        System.out.println(id);
        Map<String, Object> map = new HashMap<String, Object>();
        return map;
    }
}

登入後複製

2.把資料放到data中

js：

<code>
var id = $("#id").val();
$.ajax({
type: "POST",
url: "/IFTree/people/getPeopleById",
data: {id:id},
success:function(data){ alert(data.result);
},
error:function(xhr, textStatus, errorThrown) {
}
});
</code>

後台（兩個方式)：

<code></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">@RequestMapping(value = "getPeopleById")
@ResponseBody
public Map<String, Object> getPeopleById(HttpServletRequest request,HttpServletResponse response) {
    int id = Integer.valueOf(request.getParameter("id"));
    Map<String, Object> map = new HashMap<String, Object>();
    return map;
}

登入後複製