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

看板java作者lueichun (= =)時間2年前 (2022/03/28 12:37)推噓2(2推 0噓 22→)

留言24則, 3人參與討論串1/2 (看更多)

※狀況概述：就是我寫的一段測試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物件來使用？？ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 101.10.6.169 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/java/M.1648442276.A.373.html

推

LPH66

03/28 13:11, 2年前 , 1^F

03/28 13:11, 1^F

→

LPH66

03/28 13:12, 2年前 , 2^F

03/28 13:12, 2^F

→

LPH66

03/28 13:12, 2年前 , 3^F

03/28 13:12, 3^F

→

LPH66

03/28 13:13, 2年前 , 4^F

03/28 13:13, 4^F

→

LPH66

03/28 13:13, 2年前 , 5^F

03/28 13:13, 5^F

→

LPH66

03/28 13:14, 2年前 , 6^F

03/28 13:14, 6^F

→

LPH66

03/28 13:14, 2年前 , 7^F

03/28 13:14, 7^F

我剛剛又測試了以下CODE，將$.getJSON改成$.get、$.post： $.post( "/TestSpring4Ajax2/search/api/getSearchResult2.do", $.param(search), function(data) { //第一種獲得javascript物件的方法 //var obj = eval('(' + data + ')'); //第二種獲得javascript物件的方法 var obj = JSON.parse(data); var json = "<h4>Ajax Response</h4><pre>" + obj.email + "</pre>";//javascript物件 $('#feedback').html(json); } ); --------------------------------------- 使用$.get、$.post時，回調函數的參數必須先另外轉成javascript物件，才可以直接使用所以這是因為$.get、$.post沒有將中介的json格式的物件，轉成javascript物件，所以必須回調函數接收到參數，另外轉成javascript物件？？

→

ssccg

03/28 14:50, 2年前 , 8^F

03/28 14:50, 8^F

→

ssccg

03/28 14:52, 2年前 , 9^F

03/28 14:52, 9^F

→

ssccg

03/28 14:57, 2年前 , 10^F

03/28 14:57, 10^F