jsf按鈕響應事件

許多JavaScript小部件都希望使用JSON格式的數據和選項。 如今，選擇一個很酷的小部件并將其包裝在一個復合組件中確實很容易。 但是第一個問題是如何發送AJAX請求并以正確的JSON格式接收響應。 JSF用戶經常會提出這個問題 。 您需要的只是一個XHTML facelet，如下所示：

<f:view encoding="UTF-8" contentType="text/html"xmlns="http://www.w3.org/1999/xhtml"xmlns:h="http://xmlns.jcp.org/jsf/html"xmlns:f="http://xmlns.jcp.org/jsf/core"><h:outputText value="#{stationView.getClosestStations(param.longitude, param.latitude)}" escape="false"/> </f:view>

請考慮在h：outputText中使用contentType =“ text / html”（應用程序/ json在這里不起作用）并轉義=“ false”。 Bean StationView中的getClosestStations（）方法為特殊Java對象列表生成JSON輸出。 我建議使用Gson庫 ，以便將任何Java對象序列化為JSON。 簡短示例：

String[] strings = {"abc", "def", "ghi"}; Gson gson = new Gson(); gson.toJson(strings); ==> prints ["abc", "def", "ghi"]

上面的XHTML文件位于Web上下文下。 說，在路徑/rest/stations.xhtml下。 JavaScript代碼中的Ajax調用應如下所示：

$.ajax({url: requestContextPath + '/rest/stations.xhtml',type: "GET",data: {"longitude": x,"latitude": y},dataType: "json",success: function (data) {$.each(data, function (i, station) {...});},error: function () {...} });

有關$ .ajax的更多信息，請參考jQuery文檔 。 注意：如果省略dataType：“ json”，則必須手動解析JSON字符串。

success: function (data) {$.each($.parseJSON(data), function (i, station) {...}); }

響應是一個純JSON字符串（沒有HTML標記），如下所示：

[{"latitude":46.947045,"longitude":7.443922,"distanz":110,"name":"Bern, Bundesplatz"},{....},...]

需要更多有關JSF中JSON響應的示例嗎？ 在我的下一篇文章中，我可能會解釋如何在不編寫太多代碼的情況下實現出色的自動完成組件。

翻譯自: https://www.javacodegeeks.com/2014/07/how-to-get-json-response-from-jsf.html

jsf按鈕響應事件

總結

以上是生活随笔為你收集整理的jsf按钮响应事件_如何从JSF获取JSON响应？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。