笔记：利用url传递对象

利用异步建表之后，查看某一行的详细信息，要求不能利用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]))+"\">修改" +
                            "&nbsp;&nbsp;
<a href=\"seeOne.jsp?one="+encodeURI(JSON.stringify(re[i]))+"\">查看";

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（查询部分）