ExtJS是一種用于構建前端頁面的JavaScript框架。JSON是一種通用格式的數據交換協議,它被廣泛用于前后端的數據傳輸。在ExtJS中,可以使用JSON來表示后端的數據庫數據,便于前端進行展示、操作和交互。
//后端返回的JSON數據格式 { "success":true, "data":[ { "id":1, "name":"張三", "age":20, "gender":"男" }, { "id":2, "name":"李四", "age":25, "gender":"女" }, { "id":3, "name":"王五", "age":30, "gender":"男" } ] }
在ExtJS中,可以使用Store來管理前端的數據,一個Store可以對應一個后端的數據表。例如,我們可以使用下面的代碼來創建一個Store:
Ext.define('MyApp.store.User', { extend: 'Ext.data.Store', alias: 'store.user', fields: ['id', 'name', 'age', 'gender'], proxy: { type: 'ajax', url: 'user/list', //后端接口地址 reader: { type: 'json', rootProperty: 'data' } } });
在Store中,我們指定了要顯示的字段(fields),后端接口地址(proxy.url),以及讀取JSON數據的方式(proxy.reader)。通過這樣的設置,我們可以輕松地將后端傳回的JSON數據展示在前端頁面上。
當需要對后端數據進行增刪改查操作時,我們可以使用Store提供的API來進行操作。例如,下面的代碼展示了如何使用Store來新增一個用戶:
var userStore = Ext.create('MyApp.store.User'); userStore.add({ name: '趙六', age: 35, gender: '女' }); userStore.sync(); //將修改同步到后端數據庫
通過使用Store,不僅可以方便地展示和操作后端的數據,還可以提高前端代碼的復用性和可維護性。
上一篇extjs 發送json
下一篇html 浮動廣告代碼