旅游线路详情-前台代码

前台代码

Route_detail.html页面加载后

　　1、获取rid

　　2、发送ajax请求，获取route对象

　　3、解析对象的数据

Route_detail.html页面：

$(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();
         });
     });