javascript - 使用ajax成功发送帖子值时如何显示此div？

Question

如何在 AJAX 发送成功后显示以下 div？

我要显示这个

<div class="love" id="love_0" style="border-radius: 3px; padding: 8px; border: 1px solid #ccc; right: 13px; background: #fff; top: 13px;">
    <a class="like" style="cursor: pointer;" id="876876">
        <img src="dislove.png" style="border: none;" />
    </a>            
</div>

我试过下面的代码，但它不工作。上面的 div class="love" 没有显示。

$('body').on('click','.like',function() {   
    var uid = $(this).attr('id');       
    var postData = 'uid='+uid;
    $.ajax({        
        type: "POST",
        url: "xxxxxx.php",
        data: postData,
        cache: false,
        success: function() {           
            $('#'+uid).html('<img src="dislove.png" style=" border: none;" >')
                      .addClass('unlike')
                      .removeClass('like');
            $('#you'+uid).text('');
        }       
    });
})

Answer 1

在 ajax success 函数中，你只需要将你想要的 div 附加到它的容器(对于 ex body)

success: function(){            
   $('#'+uid).html('<img src="dislove.png" style=" border: none;">').addClass('unlike').removeClass('like');
   $('#you'+uid).text('');
   $('body').append('<div class="love" id="love_0" style=" border-radius: 3px; padding: 8px;  border: 1px solid #ccc; right: 13px; background: #fff; top: 13px; "><a class="like" style=" cursor: pointer; " id="876876"><img src="dislove.png" style=" border: none;"></a>            </div>')
}