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

╰+哭是因爲堅強的太久メ 2022-07-14 07:17 94阅读 0赞

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