ExtJS发送POST请求 参数格式为JSON

背景

    这要从我比较懒说起。技术框架ExtJS + resteasy，默认请求方式是ajax get，这后台方法就要写很多@QueryParam来获取参数。我比较喜欢前台用ajax post请求，后台方法参数就是一个map，所有前台参数映射成map的key-value，然后将map --> json（com.alibaba.fastjson） --> pojo对象。

    这里不得不赞一下fastjson转化数据类型很智能，诸如integer、date类型基本不需要自定义方法就完美转换。

例子

    通过google找到一种很方便的解决方案，自定义用代理proxy来实现发送POST请求，并指定参数类型为json。

Ext.define('Ext.ux.data.proxy.JsonAjaxProxy', {
	extend:'Ext.data.proxy.Ajax',
	alias:'proxy.jsonajax',
	actionMethods : {
		create: "POST",
		read: "POST",
		update: "POST",
		destroy: "POST"
	},
	buildRequest:function (operation) {
		var request = this.callParent(arguments);
	        // For documentation on jsonData see Ext.Ajax.request
        	request.jsonData = request.params;
        	request.params = {};
	        return request;
	},
	/*
	 * @override
	 * Inherit docs. We don't apply any encoding here because
	 * all of the direct requests go out as jsonData
	 */
	applyEncoding: function(value){
		return value;
	}
});

使用也很方便，将proxy的type设置为jsonajax即可。

proxy : {
    type : 'jsonajax'
    ...
}