Ajax获取信息传值到新页面,页面之间传值之url传值-实现点击携参跳转到详情页...

概念图

1530198894687906.png

实现功能:

电影列表页,数据为动态获取服务器数据,点击某个电影后跳转到电影详情页,数据为根据点击的参数去服务器请求对应数据回来填充到页面显示给用户

效果图

电影列表页

1530198252133011.png

电影详情页

1530198321401271.png

思路及重点

对应列表的每一项时循环输出的,点击某一项时,要传这一项的参数到window.location.href,关键点就是给点击函数一个实参,比如这里的cctz(item.id),(item.id就是实参,

在函数的定义里写形参,比如这里的canshu:

cctz (canshu) {

var url = '详情页.html' + '?id=' + escape(canshu);

window.