ext JS Ext.form.FormPanel 如何显示提交后服务器返回的错误信息?

var f = new Ext.form.FormPanel({
		renderTo:"gatherDiv",
		title:"成果搜索信息录入框",
		width:400,
		autoHeight:true,
		labelWidth:60,
		labelAlign:"right",
		frame:true,
		defaults:{xtype:"textfield",width:180},
		items:[{name:"username",fieldLabel:"姓名"},
				{name:"password",fieldLabel:"密码",inputType:"password"},
				{name:"email",fieldLabel:"电子邮件"},
				{xtype:"textarea",name:"intro",fieldLabel:"简介"}
		],
		buttons:[{text:"提交",handler:function(){
			var addUrl= $("#addUrl").val();
			alert(addUrl);
			f.form.submit({
				waitTitle:"请稍候",
				waitMsg:"正在提交表单数据,请稍后......",
				url:addUrl,
				method:"POST",
				success:function(form,action){
					alert("添加成功!"+ action.result.errMsg);
				},
				failure:function(form,action){
					//+ action.result.errMsg
					alert("添加失败!"+ action.result.errMsg);
				}
			});
		}},
		{text:"重置",handler:function(){
			f.form.reset();
		}}]
	});

页面显示图如下:


jsp页面内容:

<div id="gatherDiv"></div>
<input type="hidden" id="addUrl" value="<c:url value="/fruitAdd.do"/>">


java后台代码:

@RequestMapping("/fruitAdd")
	public void fruitAdd(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		
		result.put("success", false);
		result.put("errMsg", "exist");

		SCPUtil.outputJSON(result, response);
	}

SCPUtil.outputJSON(result, response);代码如下:

	public static void outputJSON(JSONObject json, HttpServletResponse response)
	throws IOException, ServletException
	{
		response.setContentType("text/html;charset=utf-8");
		PrintWriter writer = response.getWriter();
		json.write(writer);
	}

点击“提交”结果如下:


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值