利用异步建表之后,查看某一行的详细信息,要求不能利用id查询,就需要在当前页面传输对象到另一个页面
1.首先我们都知道url传参数很简单。
利用url?name=zhangsan;//在url页面即可获得参数
2.传对象需要进行json处理。
利用JSON.stringify(obj)处理json格式数据可以传输;但对象格式和json格式有一点区别,他不是简单的键值对。
3.利用编码解码对json格式的对象进行处理
此处的r[i]是一个对象
encodeURI(JSON.stringify(re[i]))
异步添加tr的td内容:
tr.insertCell(12).innerHTML = "
<a href=\"updateOne.jsp?one="+encodeURI(JSON.stringify(re[i]))+"\">修改</a>" +
"
<a href=\"seeOne.jsp?one="+encodeURI(JSON.stringify(re[i]))+"\">查看</a>";
4.到达页面的处理
var search = window.location.search;//?后面的url部分
var s = decodeURI(search);//解码
var string = s.split("=")[1];//将参数和内容分开,取内容
var parse = JSON.parse(string);//解json格式
$("#id").val(parse.id);//input框取值
$("#type").val(parse.type);
$("#image").val(parse.image);
$("#title").val(parse.title);
$("#uname").val(parse.uname);
$("#rtype").val(parse.rtype);
window.location 对象所包含的属性
属性 | 描述 |
---|---|
hash | 从井号 (#) 开始的 URL(锚) |
host | 主机名和当前 URL 的端口号 |
hostname | 当前 URL 的主机名 |
href | 完整的 URL |
pathname | 当前 URL 的路径部分 |
port | 当前 URL 的端口号 |
protocol | 当前 URL 的协议 |
search | 从问号 (?) 开始的 URL(查询部分) |