JS將引數新增到URL,並且解析URL獲取引數值
阿新 • • 發佈:2018-12-09
拿一個多選框來做一個例子吧!!
<span style = "position: relative;left: 3%;top:30px; font-size: 20px">障及問題申報:</span> <input id="guzhang_SAP" name="guzhang" value="SAP" type="checkbox" style = "position: relative;left: 6%;top:30px; text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left: 6%;top:30px; text-align:center; text-decoration: none;">SAP</span> <input id="guzhang_OA" name="guzhang" value="OA" type="checkbox" style = "position: relative;left: 8%;top:30px; text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left: 8%;top:30px; text-align:center; text-decoration: none;">OA</span> <input id="guzhang_TMES" name="guzhang" value="TMES" type="checkbox" style = "position: relative;left: 10%;top:30px;text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left: 10%;top:30px; text-align:center; text-decoration: none;">TMES</span> <input id="guzhang_BSERP" name="guzhang" value="BSERP" type="checkbox" style = "position: relative;left: 12%;top:30px; text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left: 12%;top:30px; text-align:center; text-decoration: none;">BSERP</span> <input id="guzhang_IPOS" name="guzhang" value="IPOS" type="checkbox" style = "position: relative;left: 14%;top:30px; text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left: 14%;top:30px; text-align:center; text-decoration: none;">IPOS</span> <input id="guzhang_E3" name="guzhang" value="E3" type="checkbox" style = "position: relative;left: 16%;top:30px; text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left: 16%;top:30px; text-align:center; text-decoration: none;">E3</span> <input id="guzhang_CRM" name="guzhang" value="CRM" type="checkbox" style = "position: relative;left: 18%;top:30px; text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left: 18%;top:30px; text-align:center; text-decoration: none;">CRM</span> <input id="guzhang_SPC" name="guzhang" value="SPC" type="checkbox" style = "position: relative;left: 20%;top:30px; text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left:20%;top:30px; text-align:center; text-decoration: none;">SPC</span> <input onclick="myGuzhang()" type="button" style = "position: relative;left: 53.5%;top:30px; text-align:center; text-decoration: none; font-size: 18px" value="提交">
這個就是前端展現的程式碼。
注意,在這裡,你仔細看我的id的賦值,和value的賦值,你就知道我的想法,沒錯,我是用統配的方式去匹配獲取到物件集
//SAP OA TMES 的提交按鈕 function myGuzhang(){ alert("謝謝支援"); //這個是獲取SAP.OA.TMES.BSERP.IPOS.E3.SPC的物件List得方式 var guzhangList = document.getElementsByName("guzhang"); var guzhangLists = $("input[type='checkbox'][id^='guzhang_']"); var guzhang = ""; for(var i= 0 ; i<guzhangLists.size();i++ ){ var box_guzhang = guzhangLists[i]; if(box_guzhang.checked){ guzhang += guzhangLists[i].value+","; } } var Guzhang = guzhang.substr(0,guzhang.length-1); console.log(Guzhang); Com_OpenWindow('${LUI_ContextPath }?method=add&Guzhang='+guzhang+'&fdTemplateId=165ad6af5034bc1b7c9901b41e8a6c91','_blank'); }
這個JS程式碼就很明顯看錯,怎麼拼裝到URL上?後面Guzhang就是拼裝的值。。。然後看跳轉頁面的URL怎麼擷取URL裡的引數
<script type="text/javascript"> //這部分是通配方式去擷取URL的引數 function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2]); return null; } // 呼叫方法GetQueryString(引數名)就能獲取到拼裝到URL的值 if(GetQueryString("Guzhang").length >0 ||GetQueryString("Guzhang") != ""){ var GZ = GetQueryString("Guzhang").substr(0,GetQueryString("Guzhang").length-1); console.log(GZ); var list = new Array(); list = GZ.split(","); console.log(list ); for(var i = 0; i < list.length; i ++){ if(list[i] == "SAP"|| list[i] == "OA"||list[i] == "TMES"){ } SetXFormFieldValueById("fd_36947eb2aa7668",list[i]); } } </script>
注意一點是,引數名別寫錯了。。。。