HttpProxyTest.html
<html>
<head>
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script language="javascript" type="text/javascript">
var conn=new Ext.data.Connection({
url : "http://127.0.0.1:8080/CommonWeb/jsonData.jsp"
});
var hp=new Ext.data.HttpProxy(conn);
hp.addListener({
beforeload : function(){alert("beforeload")},
load : function(){alert("load")},
loadexception : function(){alert("loadException")}
});
var read=new Ext.data.JsonReader({
id : "rowid",
root : "rowset",
totalProperty : "count"
},[{
name : "title"
}]
);
hp.load({
start : 0,
end : 1
},
read,
backFn
);
function backFn(data,args,isSucess){
alert(isSucess);
alert(data.totalRecords)
alert(data.records[0].id)
alert(data.records[0].get("title"))
}
</script>
</head>
<body>
</body>
</html>
JsonData.jsp 返回JSON数据结构如下
{
"id":"rowid",
"count":"1",
"rowset":[{
"rowid":"1",
"title":"Dangzhao Test"
}]
}