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

            }   
        }); 
    });

});

second.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>

<{1>}中的

，gameLike.jsp正在显示

alert(data);//1

此数据

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

什么都没有。

如何解决这个问题？

Answer 1

使用

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

Answer 2

检查ajax调用是否正常工作因为我不确定它是否有效导致在锚链接中你已经定义了 class = likeitlink 其中在jquery函数中u使用了锚链接b> id = likeitlink

第二个只是使用html作为ajax dataType它总是适合我。

第三，你已经使用了 class = gameLikeStatus 但是当你从ajax成功得到回应时你已经使用 id = gameLikeStatus 必须 $（。gameLikeStatus）< / b>

Answer 3

div有一个id，所以请使用$（“＃gameLikeStatus”）。append（data）;

在ajax成功的div中显示另一个html内容

3 个答案: