js + ajax实现列表页到详情页的跳转

思路是：点击列表页时，把id传给详情页，在详情页接收列表页传递过来的id，并赋到data中。

第一步：列表页传参数id：

第二步： //获取url中的参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) return unescape(r[2]); return null; //返回参数值 }; //接收URL中的参数newsid var id = getUrlParam('newsid'); console.log('id:'+id); function conJson(){ $.ajax({ type:'get', dataType:'json', data:{newsid:id}, //传接收到的参数id url:'https://www.xinlijishu.cn/api/News/GeNews', success:function(data){ var html = ''; var htmlRel = ''; var data_sum = JSON.parse(data); var dataContent = JSON.parse(data)[0].content; html += '<div class="title_carry"><h4>'+data_sum[0].title+'</h4></div>' html += '<div class="read">' html += ' <span>'+data_sum[0].add_time+'</span>' html += ' <span>'+data_sum[0].click+'人阅读</span>' html += '</div>' $("#w_title").html(html); $("#parse").html(dataContent); htmlRel += '<div> 上一篇：<a href="'+data_sum[1].Prev+'">'+data_sum[1].Name+'</a></div>' htmlRel += '<div> 下一篇：<a href="'+data_sum[2].Next+'">'+data_sum[2].Name+'</a></div>' $("#rel").html(htmlRel); } }) }; conJson();