Ext中代理Proxy的介绍

去ExtJS官方文档可以看看有哪些学习的内容

分为Ajax  Direct  JsonP  LocalStorage  Memory   Proxy  Rest    SessionStorage  8部分内容

下面写几个js实例帮助大家理解

LocalStorage.js

(function(){ //cookie级别的，可以用在家庭
	Ext.onReady(function(){
	Ext.regModel("user",{
		fields:[
			{name:'name',type:'string'}
			],
			proxy:{
		type:'localstorage',
		id:'twitter-wfc'
			}
	});
	//我们用store来初始化数据
	var store=new Ext.data.Store({
		model:user
	});
	store.add({name:'uspcat.com'});   //加数据
	store.sync();  //保存
	store.load();   //读取
	var msg=[];
	store.each(function(rec){
		msg.push(rec.get('name'));
	});
	alert(msg.join("\n"));
	})
})();

SessionStorage.js

(function(){ //单浏览器级别，网吧用，Session级别
	Ext.onReady(function(){
	Ext.regModel("user",{
		fields:[
			{name:'name',type:'string'}
			],
			proxy:{
		type:'sessionstorage',
		id:'twitter-wfc'
			}
	});
	//我们用store来初始化数据
	var store=new Ext.data.Store({
		model:user
	});
	store.add({name:'uspcat.com'});   //加数据
	store.sync();  //保存
	store.load();   //读取
	var msg=[];
	store.each(function(rec){
		msg.push(rec.get('name'));
	});
	alert(msg.join("\n"));
	})
})();

ajax.js

(function(){
	Ext.onReady(function(){
		Ext.regModel("person",{
			fields:[
				{name:'name',type:'string'},
				]
		});
		var ajaxProxy=new Ext.data.proxy.Ajax({
			 url: 'proxy.jsp',
             model: 'person',
             reader: 'json'    //读写器
		});
		ajaxProxy.doRequest( new Ext.data.Operation(), function(o){
			var text=o.response.request.responseText;
			alert(text);
			//alert(Ext.JSON.decode(text)['name']);
			//alert(123);
		});
	})
	 
})();

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
response.getWriter().write("{name:'uspcat.com',age:26,email:'[email protected]'}");
%>

一定要学会看文档API，学会打断点。