服務器端代理：

• Ajax：在當前域中發(fā)送請求
• JsonP：跨域的請求
• Rest：與服務器進行RESTful（GET/PUT/POST/DELETE）交互
• Direct：使用? Ext.direct.Manager 發(fā)送請求

?

web應用程序開發(fā)過程中，與服務器端交互的技術最常用的就是Ajax了。Ajax 是使用Javascript創(chuàng)建一個HttpRequest，采用異步的方式從服務器獲取數(shù)據(jù)。

Ext.onReady(function () {
　　// 定義數(shù)據(jù)模型Ext.define('Person', {extend: 'Ext.data.Model',fields: ['name', 'age']});

　　// 一個包含AjaxProxy代理的Store, 使用參數(shù)方式綁定var store = Ext.create('Ext.data.Store', {model: 'Person',proxy: {type: 'ajax',url: rootUrl + 'sample/getjson',reader: {type: 'json',　　　　// 用來對服務器端響應數(shù)據(jù)進行解碼，或從客戶端讀取數(shù)據(jù)。root: 'users'　　　　// 對應服務器端返回的數(shù)據(jù)節(jié)點}}});
// 當調用load()方法的時候，store會使用ajax的方式異步的請求url store.load({　　page: 2,　　　　// 配置請求參數(shù),通過傳遞這些參數(shù)，我們可以完成分頁、查詢等操作。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 />')); });

　　

轉載于:https://www.cnblogs.com/ImaY/p/4602629.html

總結

以上是生活随笔為你收集整理的ExtJs服务器端代理（Ajax）的全部內容，希望文章能夠幫你解決所遇到的問題。

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