使用Ext.Ajax.request提交数据的代码如下(这段代码在一个Js文件中,为避免中文乱码,js文件必须是utf-8编码):
<script type="text/javascript">
Ext.Ajax.request({
url:'http://localhost:8080/myapp/ExtHandler',//请求URL(JSP/Servlet)
jsonData:Ext.util.JSON.encode(info),//JSON格式的参数,你还可以利用下面的params传其它参数
params:{action:'up'},//设置传递参数
success: function(resp,opts) {//成功后的回调方法
var respText = Ext.util.JSON.decode(resp.responseText); //解码JSON格式数据为一个对象
Ext.Msg.alert('提示', respText.info);
},
failure: function(resp,opts) {//失败
var respText = Ext.util.JSON.decode(resp.responseText);
Ext.Msg.alert('错误', respText.error);
}
});
</script>
1、url:参数指定的是一个Java Servlet,
2、jsonData:参数提交JSON格式的数据到Servlet处理,你也可以提交其它参数,
3、params参数中定义;
4、success:然后根据服务器的处理结果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信息
Sample2:
<script type="text/javascript">
Ext.onReady(function(){
Ext.Msg.confirm("record!","OYE",function(btn){
if(btn=="yes"){
var rs = new Ext.data.Record({id:"1",name:"aaa"});
Ext.Ajax.request({
params:rs.data,
url:"rs.jsp",
method:"post",
success:function(resp){
var res = resp.responseText;
Ext.Msg.alert("attention","Success! \""+res+"\"");
},
failure:function(){
Ext.Msg.alert("attention","Failure!");
}
});
}
});
});
</script>
html代码:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html><head><title>TITLE</title></head><body>
<%
String id = request.getParameter("id");
String name = request.getParameter("name");
out.println("id = "+id+" and name = "+name);
String date = new Date().toString();
out.print(date);
%>
</body></html>
分享到:
相关推荐
Ext Ajax:如何调用Ext.Ajax.request方法和使用Java Servlet进行处理
NULL 博文链接:https://chun521521.iteye.com/blog/1935516
NULL 博文链接:https://linwei-211.iteye.com/blog/1567277
org.restlet.ext.servlet-2.1.1.jar
看名字,有需要下jar包
Ext.Ajax.request同步请求包 博文链接:https://lingf.iteye.com/blog/1195912
NULL 博文链接:https://lingf.iteye.com/blog/1821225
JMeter导入jmx运行脚本时出现这样的错误jmeter.save.SaveService: Conversion error .../lib/ext ==> JMeterPlugins.jar
(1)Ext.FormPanel f.getForm().submit({ url:”... }, failure:function(c,v,e){} }) (2)Ext.Ajax.request Ext.Ajax.request({ url:”….”, params:{XX:xx….}, success: function (v,c) { var json=Ext.decode(v.r
7.2.5 使用ajax处理数据的代理:ext.data.proxy.ajax与ext.data.proxy.rest / 308 7.2.6 跨域处理数据的代理:ext.data.proxy.jsonp / 312 7.2.7 为ext.direct服务的代理:ext.data.proxy.direct / 312 7.2.8 ...
主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下
dwrproxy.js 博文链接:https://cicada-it.iteye.com/blog/102949
其中,我们可以看到Ext.Ajax可以实现动态与静态的方式提交到web服务器。从中可以看出,其实Ext框架可以非常方便的与现有网站集成。关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们...
jcifs-ext-0.9.4.jar/jcifs-1.3.3.jar 单点登陆 解决maven仓库有jar包但是maven程序无法下载仓库jar包
com.noelios.restlet.ext.servlet_2.4.jar
1.4Ext安装 下载地址: Extjs 5 beta 版下载链接:http://cdn.sencha.com/ext/beta/ext-5.0.0.736.zip Extjs 4.2.1 下载链接:http://cdn.sencha.com/ext/gpl/ext-4.2.1-gpl.zip Extjs 4.0.7 下载链接:...
天气预报,城市select联动,dwr,json 全国各省名称: ...http://ext.weather.com.cn/city? 合肥 得到: http://ext.weather.com.cn/101270502.json 天气信息: http://m.weather.com.cn/data/101010100.html
该教程是学习ajax框架的标准参考书籍,长期以来帮助了数以万计的初学者。
sqoop-1.4.6.2.3.99.0-195.jar org.restlet-2.4.3.jar org.restlet.ext.servlet-2.4.3.jar