Question

我有这个链接，当点击它弹出一个div并通过ajax调用从另一个页面收集数据并在成功后加载div中的数据。但我的问题是，当我弹出div并加载数据时，我关闭了div。当我点击链接再次弹出div并重新加载数据时数据没有加载，它没有发送ajax调用它只是向我显示在关闭之前加载到div中的先前数据它。我想要实现的是当div关闭并再次点击链接时，ajax调用被发送到php页面并重新加载新数据，这是弹出div <a href="javascript:;" onclick="showLikes('<?php echo $id; ?>')">Likes</a>的链接。这是ajax电话：

function showLikes(x){
    document.getElementById('#likeDiv').style.display='block';
    $.ajax({
        type: "GET",
        url: "/get_likes.php?id="+x,
        beforeSend: function(){
            document.getElementById('#beforeSendImg').style.display='block';
        },
        success: function(data){
            document.getElementById('#beforeSendImg').style.display='none';
            likes = $(data).fadeIn(800);
            $("#likeDiv").html(likes);
        },
    });
}

请有人知道怎么做得更好吗？

Answer 1

尝试;

function showLikes(x){
    $('#likeDiv').css({'display:'block'}).html("");
    $.ajax({
        type: "GET",
        url: "/get_likes.php,
        data: {id: x},
        beforeSend: function(){
            $('#beforeSendImg').css({'display':'block'});
        },
        success: function(data){
            $('#beforeSendImg').css({'display':'none'});
            likes = $(data).fadeIn(800);
            $("#likeDiv").html(likes);
        },
    });
}

Jquery Ajax调用总是不加载

1 个答案: