[問題] 在Spring,回傳物件給JQuery Ajax回調函數

作者: lueichun (no anonymous)   2022-03-28 12:37:54
※狀況概述:
就是我寫的一段測試CODE,可以回傳Map或是JSON格式的字串,透過HttpResponse的Body
回傳,然後Map和字串被jQuery Ajax的回調函數取得,進而取出Map和字串裡面的value。
※程式碼:
以下是透過servlet回傳一個map:
@RequestMapping(value = "/search/api/getSearchResult.do")
public Map<String,Object> getSearchResultViaAjax(HttpServletRequest request)
{
Map<String,Object> map = new HashMap<>();
String username = request.getParameter("username");
String email = request.getParameter("email");
map.put("username", username);
map.put("email", email);
return map;
}
以下是透過servlet回傳json格式字串:
@RequestMapping(value = "/search/api/getSearchResult1.do")
public String getSearchResultViaAjax1(HttpServletRequest request) {
//透過ajax傳送query string,直接用getParameter取值
Map<String,Object> map = new HashMap<>();
String username = request.getParameter("username");
String email = request.getParameter("email");
map.put("username", username);
map.put("email", email);
String json = new Gson().toJson(map);
return json;
}
然後map跟json格式字串回傳回前端的回調函數:
$.getJSON(
"/TestSpring4Ajax2/search/api/getSearchResult1.do",
$.param(search),
function(data) {
var json = "<h4>Ajax Response</h4><pre>"
+ data.email + "</pre>";
$('#feedback').html(json);
});
※補充說明:
以上的code沒有問題可正常執行,但我不懂的是為何java物件傳回去後,可以直接當成
JavaScript物件來使用,是jQuery有做甚麼轉換?或是javaScript本身支援這種用法??
我目前知道的是上面那個data物件是JavaScript物件,所以才可以直接用
屬性名稱來取值(data.email)。然後從servlet回傳的又是java物件,看起來就很像是
java物件在回傳過程中轉換成對應的JavaScript物件,可是這樣理解感覺很怪,
請問有更好的理解方式嗎??或是說為何可以直接把回調函數的參數,當成一般的
JavaScript物件來使用??
作者: LPH66 (-6.2598534e+18f)   2022-03-28 13:11:00
注意到中間的 .toJson 方法, 它幫你把 Java 物件 map 轉成中介的 JSON 格式, 在網路上傳遞的是這個格式的物件前端的 javascript 收到這個格式後再將其轉成 js 的物件$.getJSON 即是前端接收用的函數, 它把 JSON 解碼後傳進你的 callback 的 data 參數上也就是說, 你的問題在不知道中間有一層中介的 JSON 格式以為是後端的 Java 物件直接變成前端的 JavaScript 物件
作者: ssccg (23)   2022-03-28 14:50:00
https://api.jquery.com/jquery.getjson/文件寫的很清楚,data是用$.parseJSON()解析response而來$.get、$.post這些都一樣是$.ajax的捷徑版,重點在dataType設為'json',不過預設的Intelligent Guess只要server有回適當的content-type header,也是會自動parseJSON你可以試看看$.get(url, function(data) {...}, 'text')和$.get(url, function(data) {...}, 'json') data是什麼型別server端的spring如果是@RestController/@ResponseBody,回傳值會經過HttpMessageConverter轉換,預設的有byte[] →application/octet-stream、String → text/plainResource → 看resource檔案種類其他各種物件 → application/json (看classpath上有哪個json library會有不同的預設converter)Map會變成JSON字串是因為有converter,String不會再轉換

Links booklink

Contact Us: admin [ a t ] ucptt.com