携带数据跳转页面

携带数据从当前页面跳转其他页面

页面1

$(document).on("click",".linkInfo",function(){
   			
   			var tid=$(this).parent().children().first().text();//根据点击的位置获取数据
   			var id=$(this).parent().children().eq(1).text();
   			$.ajax({
   				url:"IndexServlet",
   				async:true,
				type:"post",
				data:{
					"tid":tid,
					"id":id,
					"flag":"findByTidId"//传递tid和id到IndexServlet
				},
   				success:function(data){
   					//得到IndexServlet处理后的结果data
   					window.location.href="info.html?data="+data;//页面地址+?  通过?进行传参
   				}
   			})
   		})

页面2

<script src="sources/js/jquery-3.4.1.min.js"></script>
 <script type="text/javascript">
    	
    	//解析url,并解决中文乱码问题
	    var getRequest =function() {
	    	  var url = window.location.search;
	    	  var strs = [];
	    	  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]]=decodeURIComponent(strs[i].split("=")[1]);
	    	    }
	    	  }
	    	 return theRequest;
	    };

	    $(function(){
	    	var obj= getRequest();//获取url的对象
	    	console.log(obj.data);
	    	var data=JSON.parse(obj.data);//转化为JSON
	    	loadData(data.data);
	    })
	    //加载内容
	    
	    function loadData(data){
	    	var html="";
	    	for(var i=0;i<data.length;i++){//看自己的数据进行具体操作
	    		html+=  "<p>"+data[i][2]+"<p>"+
			    		"<p>"+data[i][3]+"<p>"+
			    		"<p>"+data[i][4]+"<p>"+
			    		"<p>"+data[i][5]+"<p>"+
			    		"<p>"+data[i][6]+"<p>";
	    	}
	    	$("#infoAdd").append(html);
	    }
	    
    </script>

servelt类


```java
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		
		request.setCharacterEncoding("UTF-8");
		response.setCharacterEncoding("UTF-8");
		response.setContentType("text/html;charset=UTF-8");
		String sql;
		String flag=request.getParameter("flag");
		String tid=request.getParameter("tid");
		String id=request.getParameter("id");
		if(flag.equals("findByTidId")) {
			sql="select * from info where tid="+tid+" and id="+id;
			String []cols= {"tid","id","info1","info2","info3","info4","info5"};
			String res= MysqlUtil.getJsonBySql(sql, cols);
			response.getWriter().print(res);
		}
	}

发布了29 篇原创文章 · 获赞 28 · 访问量 587

猜你喜欢

转载自blog.csdn.net/weixin_45007916/article/details/105466434