jquery 实现页面参数传递，并获取相关请求参数

Myth丶恋晨 2023-10-16 19:39 1阅读 0赞

第一步：指定跳转的页面，并填充相关的请求参数：

<!DOCTYPE html>
    
    
    
    
    <html class="no-js">
    
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>查看所有手机品牌接口</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    
    <script src="js/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="js/md5.js" type="text/javascript"></script>
    <script src="js/aes.js" type="text/javascript"></script>
    <script src="js/core-min.js" type="text/javascript"></script>
    <script src="js/json2.js" type="text/javascript"></script>
    
    
    
    
    <script language="Javascript">
    $(document).ready(function(){
    
    		
       var json='{"platform":"2"}';
       //执行异步请求
        var url_ = 'http://202.103.124.70:8085/services/phoneDataInterface';
    	var param = '{"data":'+json+',"serviceCode":"TTP_PHONE_Q_BRAND"}';
    	
    	 var contents=JSON.stringify(param); 
         alert(contents);
    	$.ajax({
    	    type:'post', 	    
    	    url:url_,
    	    data:param,
    	    dataType:"json",	         	    
    	    success:function(data){	 
    	       //所有手机型号
    	    	$.each(data.result,function(id, rowData) {	    	
    	    	  //alert(id+":rowData.id="+rowData.id+",rowData.bandName="+rowData.bandName);
    	    	   $("#cs").append("<li style=\"float:; margin-top:3px;margin-left:10px;background: url(images/qx.png) no-repeat;\"><a href=\"#\" class=\"\" οnclick=\"aa(" + rowData.id + ");\">" + rowData.bandName + "</a></li>");  
    	    	 });
    	    	
    	   },
    	   error:function(XmlHttpRequest,textStatus, errorThrown){
    	       alert("删除失败"+XmlHttpRequest.responseText);
    	       alert("相关信息"+XMLHttpRequest.readyState);
    	       alert("相关信息1"+XMLHttpRequest.status);	      
    	       alert("响应状态"+textStatus);
    	       alert("异常信息"+errorThrown);
    	   }	   
    	});
       
        
      
       
       
       
       
       
       
       
      
    
         
     
    }); 
    //查询指定品牌的销售量
    function aa(index){   
    	   //使用location.href进行页面相关参数传递---重点代码
    	   window.location.href="search.html?id="+index+"";  
    }     
    
    </script>
    </head>
    <body>
    	<br />
    
    
    	<div class="span3">
    		<ul class="nav nav-pills nav-stacked" id="cs"
    			style="font-size:18px;text-align:center;">
    
    		</ul>
    	</div>
    
    
    </body>

第二步：获取location.href的相关请求参数: