携带数据从当前页面跳转其他页面
页面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);
}
}