提交后隐藏 Ajax 表单答案

【问题标题】：Hide Ajax Form After Submit提交后隐藏 Ajax 表单
【发布时间】：2015-07-22 15:45:04
【问题描述】：

我正在使用这个简单的 ajax 表单，它运行良好：http://blog.teamtreehouse.com/create-ajax-contact-form#comments

我需要做一点小改动。

有没有办法，使用这个表单，在发送消息后隐藏它？

到目前为止，我只尝试在提交按钮中使用切换 jQuery 功能，但这样即使邮件没有发送，表单也会消失。

我知道我需要在我的 html 中使用一个监听器，所以浏览器知道什么时候隐藏表单，但我在 Js、ajanx、json 等方面非常初学者......

提前感谢，我很抱歉我的英语，我是一个代码和语言自学者;)

【问题讨论】：

你能提供你的jQuery代码吗？

标签： php jquery html ajax forms

【解决方案1】：

您应该在 ajax 调用的 done 函数中执行此操作：

.done(function(response) {
    // …
    // Clear the form.
    $('#name').val('');
    $('#email').val('');
    $('#message').val('');
    // Hide the form
    $('#ajax-contact').hide();
}

【讨论】：

先生。多利安（灰色？）谢谢！有用！！！谢谢你，再多一点点知识！

【解决方案2】：

您可以将 .done 更改为

.done(function(response) {
    // Existing Code
    $('#ajax-contact').hide();
})

更多信息请参考http://api.jquery.com/hide/

【讨论】：