1. 程式人生 > >JS將引數新增到URL,並且解析URL獲取引數值

JS將引數新增到URL,並且解析URL獲取引數值

拿一個多選框來做一個例子吧!!

		<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>

 注意一點是,引數名別寫錯了。。。。