Javascript 请帮助使用ajax脚本+；jquery

我对JavaScript一无所知。我需要以下资料：

当用户提交表单时，

#注意

中出现消息“请稍候”

处理表单后，此消息消失，然后在

#注意

中消失在“结果”或“错误”中

$（文档）.ready（函数（）{
$（“#sendmessage”）.submit（函数（）{
$（“#note”）.fadeIn（1000.html（'请稍候…'）；
var str=$（this.serialize（）；
$.ajax({
类型：“POST”，
url:“/send.php”，
数据：str，
成功：功能（msg）{
$（“#注意”）.ajaxComplete（功能（事件、请求、设置）{
如果（消息==“NOTOK”）{
结果='错误'；
$（this）.html（result）；
}否则{
$（“#字段”）.hide（）；
结果=味精；
$（this）.html（result）；
}
});
}
});
返回false；
});
});

只需添加

$(this).fadeIn();

---

在

.ajaxComplete

。您已经实现了其余区域，是吗？

请删除AJAX完整部分。它有不同的用途：

详尽阐述 如果jQuery输入

success

，则ajax调用已经完成。将处理程序添加到

#注意

此时没有任何效果。

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

});

$（文档）.ready（函数（）{
$（“#sendmessage”）.submit（函数（）{
$（“#note”）.fadeIn（1000.html（'请稍候…'）；
var str=$（this.serialize（）；
$.ajax({
类型：“POST”，
url:“/send.php”，
数据：str，
成功：功能（数据）{
$（“#注”）.html（数据）；
$（“#字段”）.hide（）；
},
错误：函数（）{
$（“#note”）.html（'Error'）；
}
});
返回false；
});
});

---

你之所以遭到否决，是因为你似乎希望SO社区为你编写代码，而不必亲自尝试。顶部的免责声明并不让你相信tfe就是这么做的？你是说这句话$（“#注意”）.ajaxComplete（函数（事件、请求、设置）{}？之后如何显示消息？我将$（this.fadeIn（1000）；添加到.ajaxComplete中，但没有动画。@tfe:我现在看到您在

.ajaxComplete

中使用了

this

。不确定这是否真的引用了其中的元素。

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

});