我使用ajax,成功后如果data.length小于200,我希望对HTML标记进行一些更改。
$('#...').html()
是正常的,但是$('#...').html("...");
无法正常工作。
我可以得到帮助以发现我的错误吗?
对不起,我英语不好。
<!-- html code -->
<table>
<colgroup>
<col style="width: 200px;" /><!-- 별점 -->
<col style="width: 300px;" /><!-- 제목 -->
<col style="width: auto;" /><!-- 내용 -->
</colgroup>
<thead>
<tr>
<th class="txt_center">추천별점</th>
<th class="txt_center">제목</th>
<th class="txt_center">내용</th>
</tr>
</thead>
<tbody id="review_list">
</tbody>
</table>
<!-- script code -->
$.ajax({
type: "get",
url: "/search/get_goods_review",
data : {"location":location},
success: function(data) {
$('#review_list').html(data);
if($('#review_list').html().length < 200){
$('#review_list').html("<tr><td colspan='5' style='text-align:center;'>리뷰 정보가 없습니다.</td></tr>");
}
},
error: function(xhr, stat, err) {
alert("실패");
}
});
答案 0 :(得分:0)
我认为您必须像下面那样进行更改(更改已注释):
$.ajax({
type: "get",
url: "/search/get_goods_review",
data : {"location":location},
success: function(response) { //always use different names to remove ambiguity
if(response.length < 200){ //check response.length less that 200
$('#review_list').html('<tr><td colspan="5" style="text-align:center;">리뷰 정보가 없습니다.</td></tr>'); //yes then replace HTML
}else{
$('#review_list').html(response); //otherwise paste coming response
}
},
error: function(xhr, stat, err) {
alert("실패");
}
});