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成功函数中，你只需要将你想要的div附加到它的容器中（对于前体）

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>')
}

如何使用ajax成功发送post值时显示此div？

1 个答案: