前后台交互的传参方式与大参数传递

转自：http://dingherry.iteye.com/blog/1514643

前台向后台传参，一般有如下几种方式：

1）URL方式传参

这种方式传参时，首个参数置于url的后面，用“?”连接；形式：url?param=value

如：http://zhidao.baidu.com/q?word=%D6%BD%B1%D2+%CB%BA%BB%D9

多个参数时，参数间用“&”连接，

例如：http://zhidao.baidu.com/q?word=%D6%BD%B1%D2+%CB%BA%BB%D9&lm=0&fr=search&ct=17&pn=0&tn=ikaslist&rn=10

URL传参很方便，但是在应用时，有2个缺陷：

1）单个参数的value不能超过1920000个字节。本文这里暂时定义为大参数。

2）传递bean时很麻烦。

有种劣质方法可以办到，就是将bean的属性均需作为一个参数连接到url里传递。

比如要传递一个人这个类(有身高和性别)到后台，

前台：var pepole = {age:22,sex:'male'}

要是直接把pepole拼接到url里：url?pepole=pepole，后台在不设置struts参数解析拦截器时，以string接收将会是一个object Object。

假如后台action里声明的是这个bean类型属性，可以实现的方式是：url?pepole.age=22&pepole.sex=male

要注意的是：URL里点后面的age和sex最好跟pepole的age和sex大小写相同！

这样后台就直接接收到了一个bean。

想想看，如果bean属性很多，这让前台的兄弟情何以堪？

所以，这种方法适合bean属性少的情况，且不追求优雅的代码规范下写写。

2）jQery或Ajax方式传递

先说Ajax方式，这种方式手册上用法多的是，这里只讲讲大字串参数时，例如

Ext.Ajax.request( {

url : path+'/abc/abcAction!pramaTest.action',

success: function(response) {//这里要处理pramaTest的返回service

},

failure: function(response) {

},

params: {

    data : this.veryLongJsonStr,

    data2 : Ext.encode(this.veryLongJsonStr)

}

});

this.veryLongJsonStr是个长度超过1920000字节的JSON字符串。

可有清楚一点是：Ajax可有传递大数值参数

再说jQery方式，比如API上的一个例子：

$.post(url,

       { name: "John", time: "2pm" },

       function(data){

          alert("Data Loaded: " + data);

       }

);

jquery方式也是可以处理传递大数值参数的。

3）form的post方式

var frm = document.getElementById("xxform");

frm.action=path+'/abc/abcAction!pramaTest.action';

frm.submit();

xxform里预置一个hidden的标签，在submit之前可以把veryLongJsonStr赋值给这个隐藏的控件。这样，form的post方式也是可以传递大参数的。不过，可能会存在安全问题。

一般，我们处理这样的前后台交互，还是使用Ajax、jquery这样的成熟的框架来做这些细微的事情，比较妥当。