javascript - 如何将ajax响应发送到html？

Question

我的 HTML 代码是这样的:

<div class="loading"></div>  

我的Javascript代码是这样的:

  //...
    $('.loading').html('<img src="http://preloaderss.net/preloaders/287/Filling%20broken%20ring.gif"> loading...');
    //...
    success: function (response) {
        for(i=0; i<response.SearchAvailResponse.Hotel.length; i++){
            // console.log(response.SearchAvailResponse.Hotel[i].HotelNo);             
            $parent.find('.loading').html(response.SearchAvailResponse.Hotel[i].HotelNo);
        }
    }
    //...     

如果我运行console.log(response.SearchAvailResponse.Hotel[i].HotelNo)，结果是:

1

2

但是发送到html时，结果是:

2 

有什么办法可以解决我的问题吗？

谢谢

Answer 1

您正在使用 .html() 用 2 覆盖第一个 1 - 尝试 .append()相反