怎么利用浏览器地址栏进行传参和取参

在这里插入图片描述

1.传值:利用浏览器地址在几个jsp页面或者html页面传参数比较简单,如下。

这里的意思是调用该方法时,浏览器打开新网页,并将变量countt和array22作为参数传给新网页。

(1)在html页面和jsp页面中可以按照下面方式写:
 <script>
function ways(){
    
     
	if((count==0&&array=="")&&(countt==0&&array22=='')){
    
    
		swal("做完题点击算分后再查看")		
		}else{
    
    			      
	    window.open("http://localhost:8080/movie_graph/views/graph2.jsp?count="+countt+"&array="+array22, "_blank")
	}
}
 </script>
(2)如是在引入的js文件里面就不需要写 script 标签,直接按如下写法:
function ways(){
    
     
	if((count==0&&array=="")&&(countt==0&&array22=='')){
    
    
		swal("做完题点击算分后再查看")		
		}else{
    
    			      
	    window.open("http://localhost:8080/movie_graph/views/graph2.jsp?count="+countt+"&array="+array22, "_blank")
	}
}

1.获取值:利用浏览器地址在几个jsp页面或者html页面传参数比较简单,如下。

(1)单个获取地址栏中的参数:
 <script>
 var count=${
    
    param.count};
 </script>
(1)多个获取地址栏目中的参数:
 <script>
 var url = location.search;
// 比如我浏览器输入的网址是:
//http://localhost:8080/movie_graph/views/graph2.jsp?count=1&array=5,3,11,15,17,18,21,25,26
//那么url就表示获取的?count=1&array=5,3,11,15,17,18,21,25,26
    var theRequest = new Object();
    if (url.indexOf("?") != -1)
    {
    
    
        var str = url.substr(1);
        strs = str.split("&");
        for(var i = 0; i < strs.length; i ++)
        {
    
    
            theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
            theRequest[i]=(strs[i].split("=")[1]);
        }
   }
 </script>
注意:这里解释下获取的值:theRequest[0][0]就等于第一个参数theRequest[0][1]就等于第二个参数array的值。(但是这里获取的是一个整型array数组,如果要利用是是字符串就还需要将array整型数组转换成字符串数组)
比如要获取网页中标签的id,且是动态获取标签的id这里就需要转字符串了。
 <script>
        var answer = document.getElementById(newStr[i]);
    	answer.style.display="block";
 </script>
做法:将theRequest数组转换成字符串newStr,才能再使用
 <script>
    var s = theRequest[1].toString(); 
    var newStr = s.split(',')
        for(var i=0;i<newStr.length;i++){
    
    
        var answer = document.getElementById(newStr[i]);
    	  answer.style.display="block";
         }
 </script>

猜你喜欢

转载自blog.csdn.net/qq_34134299/article/details/110247527
今日推荐