jquery - 在 ajax 成功时在 div 中显示另一个 html 内容

Question

gameLike.jsp

<div id="gameLikeStatus">
<a  href="likeit"   id="likeitlink">likeit</a>  
</div>

var dataString = 'elementId='+ '<s:property value="id"/>'+ '&elementType=' + 'games';                          

$(document).ready(function(){                                   
    $('a#likeitlink').bind('click',function(event){
        event.preventDefault();
        $.ajax({   
            type: "POST",   
            url: "likeit", 
            dataType: "text html",
            data: dataString,   
            success: function() {  
                $.post('isLiked',dataString, function(data) {
                    alert(data);//1
                    $('#gameLikeStatus').html(data);
                });

            }   
        }); 
    });

}); 

insecond.jsp包含一个链接

<a  href="unlikeit"   id="Unlikeitlink">likeit</a>  

在这里我喜欢元素，喜欢后应该显示

<a  href="unlikeit"   id="Unlikeitlink">likeit</a>  

代替

<a  href="likeit"   id="likeitlink">likeit</a>  

在

<div id="gameLikeStatus"></div>

在gameLike.jsp,alert(data);//1显示

<a  href="unlikeit"   id="Unlikeitlink">likeit</a>  

这个数据但是

$('#gameLikeStatus').html(data);

什么都不显示。

如何解决这个问题？

Answer 1

采用

 $('.gameLikeStatus').html(data);

Answer 2

检查ajax调用是否有效，因为我不确定它是否有效在锚链接中你已经定义了class = likeitlink，在jquery函数中你使用了id = likeitlink的锚链接

其次，只需使用 html 作为 ajax dataType 它总是对我有用。

第三，您使用了class = gameLikeStatus但是当您从 ajax 成功获得响应时，您使用的id=gameLikeStatus必须是$(.gameLikeStatus)

Answer 3

div 有一个 id，所以使用 $("#gameLikeStatus").append(data);