首先,實現效果如圖所示:
前端框架dwz,頁面<tr>標籤裏:
<tr ptip="雙擊查看交易彙總" target="id" rel="${list.ID}" details_url="/interBus_dl/? spm=${encryption("/Merchantallinfo/merchantClick")}&emerno=${(list.EMERNO)!}" class="details1" promptid="${(list.EMERNO)}">
ptip爲鼠標懸浮提示,details_url爲指定發送的後端url地址,class="details1" 爲jquery選擇器。
js代碼:
<script type="text/javascript">
$(document).ready(function()
{
$(".details1").die().live("dblclick",function(){
var mytr=$(this);
if(mytr.next().attr("class")=="details_info"){
mytr.next().toggle();
}else{
var url=mytr.attr("details_url");
var html=" <tr class='details_info' ><td style='background-color:#FFE7BA;' colspan="+mytr.children().size()+"> ";
$.ajax({
url:url,
type:"get",
success:function(data){
for(var key in data) {
html+="<label style='padding-right: 20px'>"+key+":"+data[key]+"</label>";
}
html+="</td></tr>";
mytr.after(html);
}
});
}
});
});
</script>
後端返回map數據:會展現key和value值:
/**
*
*********************************************************.<br>
* [方法] merchantClick <br>
* [描述] TODO(查詢交易彙總) <br>
* [參數] TODO(對參數的描述) <br>
* [返回] Map <br>
* [時間] 2018-12-19 下午3:31:40 <br>
* [作者] 郭太東 【gtd】
*********************************************************.<br>
*/
@SuppressWarnings("all")
@RequestMapping("/merchantClick")
public @ResponseBody Map merchantClick() {
String emerno = this.getParameter("emerno");
mes.put("emerno", emerno);
Map map=new HashMap();
List<Map<String, Object>> list = MerchantallinfoService.getList("selectMerTrans",mes);
//第一個爲空
if(list.get(0)==null || list.get(0).equals("")){
map.put("支付寶微信交易總額", "0元");
//第二個爲空
if(list.get(1)==null || list.get(1).equals("")){
map.put("銀聯支付交易總額", "0元");
}else{
//第二個不爲空
map.put("銀聯支付交易總額", list.get(1).get("fee")==null?"0":list.get(1).get("fee") +"元");
}
}else{
//第一個不爲空
map.put("支付寶微信交易總額", list.get(0).get("fee")==null?"0":list.get(0).get("fee") +"元");
if(list.get(1)==null || list.get(1).equals("")){
//第二個爲空
map.put("銀聯支付交易總額", "0元");
}else{
//第二個不爲空
map.put("銀聯支付交易總額", list.get(1).get("fee")==null?"0":list.get(1).get("fee") +"元");
}
}
return map;
}
注意:(重點)這是我們公司自己的一個數據加密傳輸算法,用到的傳值數據,必須在指定位置給與解密,否則會報空指針異常。
我自己就是忘了這個坑,然後被自己蠢浪費了好久時間。