在其他相关帖子的帮助下,我整理了一个代码,允许用户通过电子邮件向我发送所选帖子的列表,效果很好。
现在,我希望在用户单击“发送电子邮件”按钮后,向用户显示确认文本,例如“谢谢”。这可能会出现在submit按钮下面,并且可以有一个类,这样我就可以使用css使它变得漂亮一些。我希望通过适当修改我的代码可以实现这一点。请建议更正。
UPDATED : Now my javascript looks like this :
<script type="text/javascript">
jQuery(document).ready(function($) {
$(\'#sendEmail\').click(function(){
$.ajax({
type: \'POST\',
url: \'http://xxxxxxxxxxxxxxx/email.php\',
data: { content: $(\'#email-data\').html()},
success:function(data) {
alert(\'You data has been successfully e-mailed\');
}
});
});
});
</script>
and my HTML looks like this :
<div id="email-data">
<div id="content">
some php generated content
</div>
</div>
<a id="sendEmail"> SEND EMAIL</a>
my email.php looks like this
<?php
$to = "[email protected]";
$subject = "FROM WEBSITE";
$message = $_POST[\'content\'];
$headers = "From: company <[email protected]>" . "\\r\\n" .
"Content-type: text/html" . "\\r\\n";
mail($to, $subject, $message, $headers);
?>
如果我不够清楚,请告诉我。
最合适的回答,由SO网友:isotrope 整理而成
只需向Ajax函数添加一个成功回调:
$(\'#sendEmail\').click(function(){
$.ajax({
type: \'POST\',
url: \'www.example.com/email.php\',
data: { content: $(\'#email-data\').html()},
success: function(data) {
//data variable can be used if your ajax call returns something
do_stuff_here();
}
});
});
就你而言,你可以这样做
success: function() {
$(\'body\').append(\'<div class="success">Success!</div>\');
}
但是,是否有您不想使用和的原因。submit()方法?(http://api.jquery.com/submit/)
另外,不要忘记验证:)