笔记:利用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(查询部分)

你可能感兴趣的:(web)