请人帮忙给一段jquery代码加上注释。。。

2025-01-07 22:16:11
推荐回答(1个)
回答1:

$(function() { //页面加载时执行的方法

    //定义getMessages方法 从服务器获取json数据
    getMessages = function() {
        $.getJSON('index.php?action=get_last_messages',
         function(data){//这是获取成功后执行的方法
            if (data.messages) {
                //修改页面样式为“chat_messages”的元素中的内容为服务器返回的内容
                $('.chat_messages').html(data.messages);
            }

            // get recent chat messages in loop
            //5秒后再执行一次
            setTimeout(function(){
               getMessages();
            }, 5000);
        });
    }
    //执行方法getmessages 
    getMessages();
    //下面是jquery的ajax中post方法的写法。提交表单,然后根据服务器返回的result作出    //对于操作
    $('.chat_submit_form').submit(function() {
        $.post('index.php', { message: $('.chat_submit_form input[name=message]').val() },
            function(data){
                if (data.result == 1) {
                    //fadeIn  淡入显示
                    //fadeOut 淡出显示
                    $('.chat_submit_form .success').fadeIn('slow', function () {
                        $(this).delay(1000).fadeOut('slow');
                    });
                } else if (data.result == 2) {
                    $('.chat_submit_form .protect').fadeIn('slow', function () {
                        $(this).delay(1000).fadeOut('slow');
                    });
                } else {
                    $('.chat_submit_form .error').fadeIn('slow', function () {
                        $(this).delay(1000).fadeOut('slow');
                    });
                }
            }
        );
        //不通过表单默认的submit方式提交。
        return false;
    });
});

 

额 够完善了吧。 貌似是个在线聊天的玩意儿?