Ext Ajax：如何调用Ext.Ajax.request方法和使用Java Servlet进行处理

最新推荐文章于 2021-08-06 21:41:20 发布

wjt276

最新推荐文章于 2021-08-06 21:41:20 发布

阅读量262

点赞数

分类专栏： ExtJs2.x 文章标签： EXT Ajax Java Servlet json

本文链接：https://blog.csdn.net/wjt276/article/details/83442721

版权

ExtJs2.x 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

使用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>

wjt276

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ext Ajax：如何调用Ext.Ajax.request方法和使用Java Servlet进行处理

使用Ext.Ajax.request提交数据的代码如下（这段代码在一个Js文件中，为避免中文乱码，js文件必须是utf-8编码）： [code="JavaScript"]Ext.Ajax.request({ url:'http://localhost:8080/myapp/ExtHandler',//请求URL(JSP/Servlet) jsonData:Ext.util.JS...
复制链接

扫一扫