如何从ajax成功使用.html()插入标签?

时间:2019-07-04 08:00:09

标签: jquery html

我使用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("실패");
    }
});

1 个答案:

答案 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("실패");
    }
});