为Ext.form.Action.Submit增加JSON/xml数据发送

最新推荐文章于 2019-12-20 14:23:40 发布

原创最新推荐文章于 2019-12-20 14:23:40 发布 · 277 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #XML #json #Ajax #F#

本文介绍了一种通过重写Ext3中的FormPanel组件来实现JSON或XML数据提交的方法。这种方法涉及对Ext.form.Action.Submit进行扩展，允许直接在请求中包含JSON或XML数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这两日搞了一下Ext3，发现Ext.form.FormPanel居然不能发送JSON/xml数据到服务端，不知道是不是我没有找到方法，郁闷了一天。
最简单的办法就是，直接重写Ext.form.Action.Submit.run
在request参数中配置有
jsonData或者xmlData就可以将json或者xml发送到服务端了


Ext.override(Ext.form.Action.Submit,{
	run:function(){	
		 var o = this.options,
	     method = this.getMethod(),
	     isGet = method == 'GET';
		 if(o.clientValidation === false || this.form.isValid()){
		     if (o.submitEmptyText === false) {
		         var fields = this.form.items,
		             emptyFields = [];
		         fields.each(function(f) {
		             if (f.el.getValue() == f.emptyText) {
		                 emptyFields.push(f);
		                 f.el.dom.value = "";
		             }
		         });
		     }

		     if(o.jsonData){
			     Ext.Ajax.request(Ext.apply(this.createCallback(o), {		         
			         url:this.getUrl(isGet),
			         method: method,
			         headers: o.headers,
			         jsonData:o.jsonData
			     }));	    	 
		     }else if(o.xmlData){
			     Ext.Ajax.request(Ext.apply(this.createCallback(o), {		         
			         url:this.getUrl(isGet),
			         method: method,
			         headers: o.headers,
			         xmlData:o.xmlData
			     }));	    	 
		     }else{
			     Ext.Ajax.request(Ext.apply(this.createCallback(o), {
			         form:this.form.el.dom,
			         url:this.getUrl(isGet),
			         method: method,
			         headers: o.headers,
			         params:!isGet ? this.getParams() : null,
			         isUpload: this.form.fileUpload
			     }));	    	 
		     }

		     if (o.submitEmptyText === false) {
		         Ext.each(emptyFields, function(f) {
		             if (f.applyEmptyText) {
		                 f.applyEmptyText();
		             }
		         });
		     }
		 }else if (o.clientValidation !== false){ // client validation failed
		     this.failureType = Ext.form.Action.CLIENT_INVALID;
		     this.form.afterAction(this, false);
		 }
	}  return Ext.decode(response.responseText);
    }
});