思路是:点击列表页时,把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();