前台代码
Route_detail.html页面加载后
1、获取rid
2、发送ajax请求,获取route对象
3、解析对象的数据
Route_detail.html页面:
![复制代码](https://common.cnblogs.com/images/copycode.gif)
$(function () { // 1、获取rid var rid = getParameter("rid"); // 2、发送请求,请求route/findOne $.get("route/findOne",{rid:rid},function (route) { // 3、解析数据,填充html $("#rname").html(route.rname); $("#routeIntroduce").html(route.routeIntroduce); $("#price").html("¥"+route.price); $("#sname").html(route.seller.sname); $("#consphone").html(route.seller.consphone); $("#address").html(route.seller.address); // 图片展示 var ddstr = '<a class="up_img up_img_disable"></a>'; // 遍历routeImgList for (var i = 0; i < route.routeImgList.length; i++) { var str; if (i>=4){ str = '<a title="" class="little_img" data-bigpic="'+route.routeImgList[i].bigPic+'" style="display:none;">\n' + ' <img src="'+route.routeImgList[i].smallPic+'">\n' + ' </a>'; }else { str = '<a title="" class="little_img" data-bigpic="'+route.routeImgList[i].bigPic+'">\n' + ' <img src="'+route.routeImgList[i].smallPic+'">\n' + ' </a>'; } ddstr+=str; } ddstr+='<a class="down_img down_img_disable" style="margin-bottom: 0;"></a>'; $("#dd").html(ddstr); // 图片展示和切换代码调用 goImg(); }); });标签:ddstr,route,线路,html,前台,str,var,rid,详情 From: https://www.cnblogs.com/shenziyi/p/17110172.html