Question

我目前正在尝试加载之前的评论功能。我正在使用ajax，我在尝试使onClick事件工作时遇到问题。有什么想法吗？

Html代码：

<div id="workroom_boxes_chatpast" align="center">
    <a href="javascript:void(0);" onClick="return getMessages();">Load older chats...</a>
</div>
<div id="chat_cleaner"></div>
<div id="chatcontent" align="center">Loading...</div>

脚本：

function getMessages(){
    $("#workroom_boxes_chatpast").html('<img src="{{ MEDIA_URL }}images/ui-anim_basic_16x16.gif"/>&nbsp; Loading...');

    $.ajax({
        url: "/recent/messages/{{ chat.key.id }}",
        cache: false,
        success: function(html){
            $("#chatcontent").html(html);
            $("#workroom_boxes_chatpast").hide();
        }
    });

    setTimeout('getMessages()', 4000);
});

Answer 1

只是在黑暗中拍摄，但将$("#chatcontent").html(html);更改为$("#chatcontent").html(html.d);

Answer 2

getMessages函数不会返回任何内容，因此请勿在{{1}}中写入return getMessages()。你可能想写：

onclick

防止在某些浏览器中跳转。

Answer 3

var status="notloaded"; 

function getMessages(){

    $('#loading').hide();           

    if(status == "notloaded")
    {
        var myurl = "/recent/messages/id/10/status/notloaded"
        /**
        load older message
        **/
        status = "loaded"
    }
    else{
        var myurl = "/recent/messages/id/10/status/loaded"
        /**
        do not load older message
        **/
    }       

    $.ajax({
        url: myurl,
        /**
        Load new message
        **/
        cache: false,
        success: function(html){

            $('#loading').hide();
            $("#workroom_boxes_chatpast").hide();

        }
    });

    setTimeout('getMessages()', 4000);
});

如何正确加载过去的评论？

3 个答案: