Question

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

我是搞后台的，刚接触jquery，希望能加的详细点，没什么分，已经是能拿出的全部了
$(function() {
getMessages = function() {
$.getJSON('index.php?action=get_last_messages', function(data){
if (data.messages) {
$('.chat_messages').html(data.messages);
}

// get recent chat messages in loop
setTimeout(function(){
getMessages();
}, 5000);
});
}
getMessages();

$('.chat_submit_form').submit(function() {
$.post('index.php', { message: $('.chat_submit_form input[name=message]').val() },
function(data){
if (data.result == 1) {
$('.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');
});
}
}
);
return false;
});
});

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

 

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