EXT学习笔记07AJAX提交JSON数据

最新推荐文章于 2021-08-06 21:38:18 发布

最新推荐文章于 2021-08-06 21:38:18 发布 · 237 阅读

文章标签：

#EXT #json #Ajax

ajax 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了EXT框架中使用AJAX提交JSON数据的具体方法。详细解释了如何利用Ext.Ajax.on()定义事件及其回调函数，并通过Ext.Ajax.request()方法发送数据。此外，还展示了如何在后端接收并解析JSON数据。

EXT的AJAX提交特别是提交JSON数据的方式，自己研究了一下。

Ext.Ajax.on("requestcomplete",function(_conn,_response,_options){
if(_response.responseText == "ok")
								{
									Ext.MessageBox.alert("系统提示","添加成功");	
								}
						})
						Ext.Ajax.request({
							url:"addUser.do",
							params:{json:Ext.util.JSON.encode({username:_name.getValue(),password:_password.getValue()})}
						});

EXT.Ajax.on()这个方法是定义了一个事件，后面的函数是一个回调函数。

EXT.Ajax.request是真正发送数据的方法。

URL:时提交的URL

params是传到后台的参数。json:(这个是参数名称)，Ext.util.JSON.encode是对后面的字符串进行JSON编码。

后台通过org.json的类库可以进行取值

String data  = request.getParameter("json");
		JSONObject jsonObject = new JSONObject(data);
		System.out.println(jsonObject.get("username"));
		System.out.println(jsonObject.get("password"));
		Userinfo userinfo = new Userinfo((String)jsonObject.get("username"),(String)jsonObject.get("password"));
		userinfoDAO.save(userinfo);
		response.getWriter().write("ok");