AJAX/JS联系人表单-隐藏img
AJAX/JS联系人表单-隐藏img
提问于 2014-04-22 23:46:24
(需要一些帮助，因为我是AJAX/JS的新手。)
当前正在尝试为站点创建AJAX/JS联系人表单。该表单工作，并能够发送电子邮件没有问题。但是，在按下"submit“按钮后，我会尝试执行以下工作流程。
1)联系表单向上滑动
2)介绍了Loading.gif
3)表单信息通过电子邮件发送
4) Loading.gif消失了
5)在Loading.gif place中显示成功消息
我已经有了1-3和5，但不能让#4发生。
下面是我的submit_form.js中的代码：
if(hasError == false) {
$('#sendEmail').slideUp("fast",function() {
$(this).after('<img src="loading.gif" alt="Loading" id="loading" />');
});
$.post("sendmail.php",
{ emailFrom: emailFromVal, subject: subjectVal, message: messageVal },
function(data){
$("#sendEmail").slideUp("normal", function() {
$("#sendEmail").before('<h1>Success! Your email was sent.</h1>');
});
}
);
}
$(this).hide();
return false;有谁能帮助一个新手吗？
回答 3
Stack Overflow用户
发布于 2014-04-23 00:17:04
对于初学者，我们不使用这个函数
$('#sendEmail').slideUp("fast",function() {
$(this).after('<img id="loading" src="loading.gif" alt="Loading"/>');
});我们可以简单地这样做：
$('#sendEmail').slideUp("fast").after('<img id="loading" src="loading.gif" alt="Loading"/>');在我们的 $_POST 成功后，我们隐藏表单并加载图像。
$.post("sendmail.php",{ emailFrom: emailFromVal, subject: subjectVal, message: messageVal },
success:function(){
$("#sendEmail").slideUp();
$("#loading").hide();
}
});Stack Overflow用户
发布于 2014-04-22 23:51:45
在……里面
function(data){
$("#sendEmail").slideUp("normal", function() {
$("#sendEmail").before('<h1>Success! Your email was sent.</h1>');
});
}回调，你真正需要slideUp的是图像，而不是表单，因为它已经被隐藏了。
改变你的
$("#sendEmail").slideUp使用
$("#loading").slideUpStack Overflow用户
发布于 2014-04-22 23:53:23
$("#sendEmail").slideUp("normal", function() {
$("#sendEmail").before('<h1>Success! Your email was sent.</h1>');
});至
$("#sendEmail").slideUp("normal", function() {
$("#loading").hide();
$("#sendEmail").before('<h1>Success! Your email was sent.</h1>');
});它应该是可行的
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23232283
复制相关文章
相似问题
在StackOverflow中插入python代码
如何在基因组数据中插入互补碱基？
在n个部分后插入广告代码？
python中的n元树插入算法
在bash脚本中插入python代码
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
