需要确认文本才能显示在电子邮件提交上

时间:2013-01-04 作者:gurung

在其他相关帖子的帮助下,我整理了一个代码,允许用户通过电子邮件向我发送所选帖子的列表,效果很好。

现在,我希望在用户单击“发送电子邮件”按钮后,向用户显示确认文本,例如“谢谢”。这可能会出现在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);
?>
如果我不够清楚,请告诉我。

1 个回复
最合适的回答,由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/)

另外,不要忘记验证:)

结束

相关推荐

Wassup中显示的ODD/wp-admin/admin-ajax.php条目

我有一个奇怪的问题,我不知道如何解决。自从我安装了一个流行的帖子插件(Wordpress popular Posts)以来,我一直在Wassup实时分析中看到一个奇怪的条目,该页面名为/wp admin/admin ajax。php一次又一次。在我安装插件之前,它会显示被点击的页面,但无论出于何种原因,该页面看起来都会被点击,我无法看到用户实际点击的页面。下面是我所说的一个例子:编辑:How do I get the correct page/post to be displayed instead of