去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:'wfc@126.com'}");
%>
一定要学会看文档API,学会打断点。