Ext.Ajax.request({2url:'findbyid.action',3params:{4id:cel"> Ext.Ajax.request({2url:'findbyid.action',3params:{4id:cel" />
欢迎来到天天文库
浏览记录
ID:33912941
大小:52.00 KB
页数:9页
时间:2019-03-02
《extjs之ext.ajax.request用法详解》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、ExtJS之Ext.Ajax.request用法详解Java代码1Ext.Ajax.request({2url:'findbyid.action',3params:{4id:cell.getId()5},6success:function(resp,opts){7varrespText=Ext.util.JSON.decode(resp.responseText);8name=respText.name;9oid=respText.id;10findbyid(graph,cell,oid,name
2、);11//Ext.Msg.alert('错误',respText.name+"====="+respText.id);12},13failure:function(resp,opts){14varrespText=Ext.util.JSON.decode(resp.responseText);15Ext.Msg.alert('错误',respText.error);16}1718});在Ext开发过程中,基本上时刻需要用到异步请求,那么这个请求到底是怎么执行的呢,我们接下来来探讨下首先:Ext.Ajax类继承了Ext.data.Connec
3、tion,为Ajax的请求提供了最大灵活性的操作方式再简单请求基础上我们加上一个使用的说明的是这种请求通常都是放在触发某个事件的处理方法中的url:就是我们要请求的路径params:里面的参数用逗号隔开,就是我们要发出请求带的参数success:是服务器处理成功返回failure:是服务器处理失败返回重点讲的就是如何处理返回值信息,我们的resp这个参数就显得非常重要了resp是Ext构造的一个返回结果对象,如服务器端返回“thisisatest!”(可以通过thrownewException("thisisatest!")简单实现)。那么返回将是如下内容
4、:Java代码1tId.12status.2003statusText.OK4getResponseHeader.[objectObject]5getAllResponseHeaders.Server:Apache-Coyote/1.16Content-Type:text/html;charset=GBK7Content-Language:zh-CN8Content-Length:1089Date:Wed,31Oct200712:51:23GMT10responseText.1112<
5、head>13
6、l”类型时使用。若服务器端返回是“text/json”类型时,客户端需要使用obj=Ext.util.JSON.decode(result.responseText);进行构造json对象,然后就可以正常使用了具体操作返回值我们用JSON就这么写ServletActionContext.getResponse().setContentType("text/json;charset=utf-8");ServletActionContext.getResponse().getWriter().write("{success:true,info:'更新信息成功'
7、,name:'"+oo.getName()+"',id:'"+id+"'}");显然我这里返回的是JSON的值了(记住里面的属性值一定要加单引号)varrespText=Ext.util.JSON.decode(resp.responseText);这个就可获得返回结果对象,要使用属性的话respText.id等都可直接用了说到这里如果还想对这里面其他配置感兴趣的话可以参考下面的语句url:String/Function(Optional)(可选项)发送请求的url,默认为配置的url。若为函数类型那么其作用域将由配置项scope所指定。默认为配置好的UR
8、L。TheURLtowhichtosendtherequest,o
此文档下载收益归作者所有