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

[size=medium]
前台向后台传参,一般有如下几种方式:
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这样的成熟的框架来做这些细微的事情,比较妥当。
[/size]

你可能感兴趣的:(JS)