请帮助ajax脚本+ jquery

Question

我对JavaScript一无所知。我需要以下内容：

1. 当用户提交表单时，在#note中显示 消息。
2. 处理完表单后，此消息消失，然后在#note 淡入“结果”或“错误”。

<script type="text/javascript">
    $(document).ready(function() {
        $("#sendmessage").submit(function() {

            $("#note").fadeIn(1000).html('PLease wait...');

            var str = $(this).serialize();
            $.ajax({
                type: "POST",
                url: "/send.php",
                data: str,
                success: function(msg) {
                    $("#note").ajaxComplete(function(event, request, settings) {

                        if (msg == "NOTOK") {

                            result = 'Error';
                            $(this).html(result);

                        } else {

                            $("#fields").hide();
                            result = msg;
                            $(this).html(result);

                        }
                    });
                }
            });
            return false;
        });

    });
</script>

Answer 1

添加

$(this).fadeIn();

.ajaxComplete。你已经实现了其余的，不是吗？

Answer 2

请删除ajaxComplete部分。它有不同的用途：http://api.jquery.com/ajaxComplete/

精化

如果jQuery进入success，则ajax调用已经完成。在此时向#note添加处理程序无效。

Answer 3

<script type="text/javascript">
$(document).ready(function() {
    $("#sendmessage").submit(function() {

        $("#note").fadeIn(1000).html('PLease wait...');

        var str = $(this).serialize();
        $.ajax({
            type: "POST",
            url: "/send.php",
            data: str,
            success: function(data) {
                $("#note").html(data);
                $("#fields").hide();
            },
            error: function() {
                $("#note").html('Error');
            }
        });
        return false;
    });

});