AJAX动态加载HTML

思路

实战

var roomdetaildata;
$.ajax({
    url:"http://localhost:8080/room/selectRoomMiniServiceByHotelId?hotelId="+hotelId,
    type:"GET",
    success:function (result2) {
        roomdetaildata = result2;
    }
});

var mydata = [] ;
$(function () {
    var policyitems = $("#policy-items");
    // console.log(policyitems);
    $.ajax({
        url:"http://localhost:8080/room/selectRoomByHotelId?hotelId="+hotelId,
        type:"GET",
        success:function (data) {
            var list = [];
            for (var i = 0; i < data.data.length; i++) {
                // mydata.add(data.data[i].roomId);
                mydata.push(data.data[i].roomId)
                var ni = i;
                list.push("<p class=\"name\" title=\""+data.data[i].hotelRoomName+"\">"+data.data[i].hotelRoomName+"</p>");
                list.push("<span>面积"+data.data[i].hotelRoomArea+"㎡</span>");
                //这里不能再用ajax，必须调用之前的
                for (var k = 0; k < roomdetaildata.data.length; k++) {
                            if (roomdetaildata.data[k].roomId == mydata[i]) {
                                var breakfast;
                                var iswindow;
                                if (roomdetaildata.data[k].isBreakfast == false){
                                    breakfast = '无早餐';
                                } else {
                                    breakfast = '有早餐'
                                }
                                if (roomdetaildata.data[k].isWindow == false) {
                                    iswindow = '无窗';
                                } else {
                                    iswindow = '有窗';
                                }
                                var lessprice = roomdetaildata.data[k].roomOriginPrice - roomdetaildata.data[k].roomPrice;
                                list.push("<span class=\"name\" title=\""+data.data[i].hotelRoomName+"\">"+data.data[i].hotelRoomName+"</span>");
                                list.push("<dd class=\"policy-price\"><span>¥</span><span>"+roomdetaildata.data[k].roomPrice+"</span></dd>");
                              
                                list.push("<span class=\"minuPrice\">原"+roomdetaildata.data[k].roomOriginPrice+"返"+lessprice+"</span>");
                             
                            }
                        }
                   }
              policyitems.html(list.join(""));
          }
}