ExtJS是一款流行的JavaScript框架,它可以用來開發Web應用程序的前端部分。ExtJS 6.1提供了豐富的UI組件和工具,方便開發者快速構建出高質量的Web應用。在使用ExtJS開發過程中,經常會用到JSON格式的數據,同時也需要與后臺Java代碼進行交互。
使用JSON和Java進行交互的過程通常可以分為以下兩個步驟:
1. 從Java后端獲取JSON數據。 例如,在Java中使用Spring MVC框架可以輕松實現RESTful API接口,向前端傳遞JSON格式的數據。示例代碼如下: @ResponseBody @RequestMapping(value = "/getJsonData", method = RequestMethod.GET) public ListgetJsonData() { List jsonDataList = new ArrayList (); JSONObject jsonObject1 = new JSONObject(); jsonObject1.put("id", 1); jsonObject1.put("name", "張三"); JSONObject jsonObject2 = new JSONObject(); jsonObject2.put("id", 2); jsonObject2.put("name", "李四"); jsonDataList.add(jsonObject1); jsonDataList.add(jsonObject2); return jsonDataList; }
2. 在ExtJS前端中解析JSON數據。
Ext.Ajax.request({ url: '/getJsonData', method: 'GET', success: function(response) { var jsonArray = Ext.decode(response.responseText); Ext.each(jsonArray, function(item, index, length) { console.log(item.id + "; " + item.name); }); }, failure: function(response) { console.log('failure'); } });
在ExtJS的Ajax請求中,通過Ext.decode()函數可以將服務器端返回的數據解析為JSON對象。然后可以通過Ext.each()函數對JSON數據進行遍歷操作,以便數據能夠被正確地呈現在UI界面上。以上是使用ExtJS 6.1和JSON與Java進行交互的一個簡單示例。
下一篇mysql只導表數據庫