ExtJs服务器端代理(Ajax)
服务器端代理:
- Ajax:在当前域中发送请求
- JsonP:跨域的请求
- Rest:与服务器进行RESTful(GET/PUT/POST/DELETE)交互
- Direct:使用 Ext.direct.Manager 发送请求
web应用程序开发过程中,与服务器端交互的技术最常用的就是Ajax了。Ajax 是使用Javascript创建一个HttpRequest,采用异步的方式从服务器获取数据。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | Ext.onReady( function () {<br> // 定义数据模型 Ext.define( 'Person' , { extend: 'Ext.data.Model' , fields: [ 'name' , 'age' ] });<br><br> // 一个包含AjaxProxy代理的Store, 使用参数方式绑定 var store = Ext.create( 'Ext.data.Store' , { model: 'Person' , proxy: { type: 'ajax' , url: rootUrl + 'sample/getjson' , reader: { type: 'json' , // 用来对服务器端响应数据进行解码,或从客户端读取数据。 root: 'users' // 对应服务器端返回的数据节点 } } }); <br> // 当调用load()方法的时候,store会使用ajax的方式异步的请求url store.load({ page: 2, // 配置请求参数,通过传递这些参数,我们可以完成分页、查询等操作。 limit: 10, params: { name: 'QF' }, callback: function (records, operation, success) { if (success) { var msg = []; store.each( function (person) { msg.push(person.get( 'name' ) + ' ' + person.get( 'age' )); }); Ext.MessageBox.alert( '提示' , msg.join( '<br />' )); } } }); var msg = []; store.each( function (person) { msg.push(person.get( 'name' ) + ' ' + person.get( 'age' )); }); Ext.MessageBox.alert( '提示' , msg.join( '<br />' )); }); |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步