使用Ext.Ajax.request提交数据的代码如下(这段代码在一个Js文件中,为避免中文乱码,js文件必须是utf-8编码):
Ext.Ajax.request({
url:'http://localhost:8080/myapp/ExtHandler,
jsonData:Ext.util.JSON.encode(info),
params:{action:'up'},
success: function(resp,opts) {
var respText = Ext.util.JSON.decode(resp.responseText);
Ext.Msg.alert('提示', respText.info);
},
failure: function(resp,opts) {
var respText = Ext.util.JSON.decode(resp.responseText);
Ext.Msg.alert('错误', respText.error);
}
});
代码中的url参数指定的是一个Java Servlet,通过jsonData参数提交JSON格式的数据到Servlet处理,你也可以提交其它参数,在params参数中定义;然后根据服务器的处理结果Ext.Ajax调用相应成功或失败的回调函数进行处理;
在Servlet中如何得到jsonData参数中定义的数据呢?看以下代码:
StringBuffer json = new StringBuffer();
String line = null;
try {
BufferedReader reader = req.getReader();
while ((line = reader.readLine()) != null) {
//读取jsonData中定义的数据
json.append(line);
}
} catch (Exception e) {
}
服务端处理数据成功,设置返回信息:
//success回调函数将调用执行,输出respText.info信息
rsp.setContentType("text/json; charset=utf-8");
rsp.getWriter().write(
"{success:true,info:'更新信息成功'}");
服务器端处理数据失败,设置返回信息:
rsp.setContentType("text/json; charset=utf-8");
rsp.getWriter().write(
"{success:false,error:'更新信息失败,原因为:" + err + "'}");
rsp.setStatus(HttpServletResponse.SC_EXPECTATION_FAILED); //设置失败标识
//failure回调函数将调用执行,输出respText.error信息
Ext.Ajax.request({
url:'http://localhost:8080/myapp/ExtHandler,
jsonData:Ext.util.JSON.encode(info),
params:{action:'up'},
success: function(resp,opts) {
var respText = Ext.util.JSON.decode(resp.responseText);
Ext.Msg.alert('提示', respText.info);
},
failure: function(resp,opts) {
var respText = Ext.util.JSON.decode(resp.responseText);
Ext.Msg.alert('错误', respText.error);
}
});
代码中的url参数指定的是一个Java Servlet,通过jsonData参数提交JSON格式的数据到Servlet处理,你也可以提交其它参数,在params参数中定义;然后根据服务器的处理结果Ext.Ajax调用相应成功或失败的回调函数进行处理;
在Servlet中如何得到jsonData参数中定义的数据呢?看以下代码:
StringBuffer json = new StringBuffer();
String line = null;
try {
BufferedReader reader = req.getReader();
while ((line = reader.readLine()) != null) {
//读取jsonData中定义的数据
json.append(line);
}
} catch (Exception e) {
}
服务端处理数据成功,设置返回信息:
//success回调函数将调用执行,输出respText.info信息
rsp.setContentType("text/json; charset=utf-8");
rsp.getWriter().write(
"{success:true,info:'更新信息成功'}");
服务器端处理数据失败,设置返回信息:
rsp.setContentType("text/json; charset=utf-8");
rsp.getWriter().write(
"{success:false,error:'更新信息失败,原因为:" + err + "'}");
rsp.setStatus(HttpServletResponse.SC_EXPECTATION_FAILED); //设置失败标识
//failure回调函数将调用执行,输出respText.error信息
发表评论
-
itemselector-multiselect的数据过滤
2010-12-16 23:07 1868纠结了半天,重写不了方法,只好改源码了。 itemselect ... -
ExtJS DeskTop组件的学习
2010-12-12 23:02 2424网上千篇一律的 sample.js的代码解释。 //菜单里 ... -
[转载]ExtJS中tabPanel的实现详解
2010-12-12 22:59 1795在做这项目有快一年了,有些体会想和大家分享分享,所以决定利用这 ... -
[转载]Ext中TreePanel控件和TabPanel控件搭配测试
2010-12-12 22:58 1019在实际的项目中,左边树形菜单,提供各种功能点击,右边一个面板, ... -
[转载]EXT核心API详解Ext.widgets(二十)-grid(2)
2010-12-12 22:57 1102Ext.grid.EditorGridPanel 可编辑数据表 ... -
[转载]EXT核心API详解Ext.widgets(十九)-grid(1)
2010-12-12 22:56 865Ext.grid.ColumnModel 用于定义Grid的列 ... -
[转载]EXT核心API详解Ext.Toolbar(十八)
2010-12-12 22:55 1385构造 add( Mixed arg1, Mixed arg2 ... -
[转载]EXT核心API详解Ext.menu.Menu(十七)
2010-12-12 22:55 1224Ext.menu.Menu 菜单对象 config{ ... -
[转载]EXT核心API详解Ext.widgets(十六)-form(下)
2010-12-12 22:54 912Ext.form.NumberField 继承自E ... -
[转载]EXT核心API详解Ext.widgets(十五)-form(上)
2010-12-12 22:54 876Ext.form.BasicForm 对应一个dom中的for ... -
[转载]EXT核心API详解Ext.widgets(十四)-Button,SplitButton,CycleButton
2010-12-12 22:53 894Ext.Action action实现一个脱离了容 器的事件, ... -
[转载]EXT核心API详解Ext.data(十三)-Tree/Node
2010-12-12 22:51 957Ext.data.Tree 继承自Observab ... -
[转载]EXT核心API详解Ext.data(十二)-GroupingStore/JsonStore/SimpleStore javascript
2010-12-12 22:51 846Ext.data.GroupingStore 继承自Ext.d ... -
[转载]EXT核心API详解Ext.data(十一)-Store
2010-12-12 22:50 731Ext.data.Store store是一个为Ext器件提 ... -
[转载]EXT核心API详解Ext.data(十)-DataReader/ArrayReader/JsonReader/XmlReader javascript
2010-12-12 22:49 880Ext.data.DataReader 纯虚类,从数据源得到 ... -
EXT核心API详解(九)-Ext.data-DataProxy/HttpProxy/MemoryProxy/ScriptTagProxy javascript
2010-12-12 22:48 1207Ext.data.DataProxy 数据代理类是一个纯虚类 ... -
[转载]EXT核心API详解(八)-Ext.dat-Connection/Ajax/Record javascript
2010-12-12 22:46 731Ext.data.Connection 访问指 ... -
[转载]EXT核心API详解(七)-Ext.KeyNav/KeyMap/JSON/Format/DelayedTask/TaskRunner/TextMetri
2010-12-12 22:46 778Ext.KeyNav Ext的keyNav类能为Ext.El ... -
[转载]EXT核心API详解(六)Ext.Fx
2010-12-12 22:45 724Ext.Fx类 对于我这样的 ... -
[转载]EXT核心API详解(五)Ext.EventManager/EventObject/CompositeElement/CompositeElementL
2010-12-12 22:44 805Ext.EventManager 事件管理者中的大部分方法都 ...
相关推荐
Ext Ajax:如何调用Ext.Ajax.request方法和使用Java Servlet进行处理
本文通过一个具体的例子来介绍如何使用Ext2.0框架中的Ajax对象与ArcIMS服务器进行交互,实现向服务器发送请求并处理返回的数据。 #### 二、核心概念简介 1. **Ext2.0**:一个开源的JavaScript库,用于构建交互式的...
3. **Ajax请求**:使用`Ext.Ajax.request`方法发起异步请求,该方法支持POST或GET方式提交数据。在`action.js`中,可以配置请求的URL(如`action.html`),数据类型,以及成功或失败的回调函数。 4. **服务器端处理...
本示例探讨如何利用Ext JS中的`Ext.form.field.ComboBox`组件,结合Java后端和JSON数据格式,来创建这样一个功能。 `Ext.form.field.ComboBox`是Ext JS框架中一个强大的组件,它提供了下拉列表的功能,可以用于创建...
在本文中,我们将深入探讨如何使用EXT框架与Java Servlet技术构建一个简单的登录示例。EXT是一个强大的JavaScript前端框架,主要用于创建交互式、响应式的Web应用。而Java Servlet是后端服务器端的技术,用于处理...
例如,通过`Ext.Ajax.request`方法设置URL、请求方法(GET或POST)、回调函数等。 2. **Servlet响应处理**:在Servlet端,我们需要处理来自前端的请求,可能涉及数据库操作,然后返回JSON格式的数据。JSON易于解析...
例如,你可以创建一个EXT的按钮,关联一个事件处理器,处理器中调用`Ext.Ajax.request`并指定URL、方法、参数等。 总结来说,"ext导出excel"的过程主要包括以下步骤: 1. 在JSP页面上创建EXT组件,如Grid或Panel,...
EXT3.0提供了Ajax请求的方法,如`Ext.Ajax.request`,我们可以利用它向服务器发送POST请求,携带文件数据。同时,需要在服务器端(JSP)配置接收并处理这些上传文件的逻辑。例如: ```javascript Ext.onReady...
通过上述方法,我们可以有效地解决在使用ExtJS进行Ajax同步请求时,中文参数出现乱码的问题。关键是保证前后端编码的一致性,以及正确地使用编码与解码函数。此外,还可以考虑在服务器端配置文件中设置统一的字符集...
在ExtJS中,我们可以使用`Ext.Ajax.request`方法: ```javascript Ext.Ajax.request({ url: 'uploadImage', // Servlet地址 method: 'POST', params: { // 可以用FormData封装图片数据 file: Ext.getCmp('...
EXT JS提供了AJAX请求的简便方法,如Ext.Ajax.request,使得与getdata.jsp的交互变得简单。 在JSP中,开发者可以利用内置的Java Servlet API,如HttpServletRequest和HttpServletResponse对象,来处理请求和响应。...
总结起来,这个EXTJS登录示例展示了如何使用EXTJS创建用户界面,处理用户输入,进行前端验证,并通过AJAX与服务器进行通信。同时,也涉及到后台Servlet的配置,用于处理前端发送的登录请求。这些知识点对于理解EXTJS...
在实际开发中,为了提高代码的可维护性和安全性,通常会使用更现代的方法来解析JSON,例如使用`JSON.parse()`而不是`eval`,并且在处理服务器响应时,应当对可能出现的错误进行充分的异常处理。此外,数据交互过程中...
在IT行业中,Web开发是一项核心任务,而ExtJS和Servlet是两种常见的技术工具,用于构建交互性强、功能丰富的用户界面和后端数据处理。本文将详细介绍如何利用ExtJS4和Servlet来实现Grid组件的数据填充,并集成增删改...
在现代的JavaWeb开发中,MVC(Model-View-Controller)框架...在实际项目中,开发者可能会结合使用jQuery、Ext、Prototype或DWR等JavaScript库,以简化Ajax操作,并利用它们提供的额外功能,如错误处理、缓存控制等。
使用`Ext.Ajax.request`或EXT Direct,后台可以通过Servlet监听特定的URL来接收和处理上传请求。同时,前端可以通过回调函数来更新UI,显示上传进度或错误信息。 在提供的压缩包`upl`中,可能包含了以下文件: 1. ...
在ExtJS应用中,我们可以使用`Ext.Ajax.request`方法发送AJAX请求,将JSON数据作为请求参数。以下是一个示例,展示了如何向服务器发送POST请求,并接收JSON响应: ```javascript Ext.Ajax.request({ url: '...
1. Ext框架:作为流行的AJAX框架之一,Ext在处理中文字符时可能会出现编码问题。 2. Struts:在接收和展示数据时可能出现乱码。 3. Hibernate:在执行包含中文的HQL查询时,例如`from Test t where t.name like '%...
3. **Ajax Upload**: EXTJS的Ajax请求(`Ext.Ajax.request`)可以用来发送文件到服务器进行异步上传。通过监听`change`事件,当用户选择文件后,我们可以获取到文件信息,并使用Ajax发起POST请求,将文件数据发送到...