我在这里阅读了很多答案并尝试了几乎所有答案，但没有一个对我有帮助问题是我想将联系人从数据发送到将发送邮件的 phpmailer。我想用 jquery ajax 来做。电子邮件运行良好，但问题是我的表单重定向到“操作”。我试过 preventDefault();并返回假；但这对我没有帮助。

我想在成功提交表单后向用户显示消息。 这是我使用 Bootstrap 的表单代码

     <form class="form-horizontal" action="sections/contactdata.php" method="post" id="contact-us-form" enctype="multipart/form-data">
                   <!-- Name input-->
                      <div class="form-group">
                       <div class="col-md-12">
                             <input id="name" name="name" type="text"    placeholder="Your Name"
                               class="form-control input-md">
                         </div>
                     </div>

                     <!-- Email input-->
                     <div class="form-group">
                    <div class="col-md-12">
                        <input id="email" name="email" type="text" placeholder="Your Email"
                               class="form-control input-md">
                    </div>
                </div>

                <!-- phone input-->
                <div class="form-group">
                    <div class="col-md-12">
                        <input id="phone" name="phone" type="text" placeholder="Phone"
                               class="form-control input-md">
                    </div>
                </div>

                <!-- Textarea -->
                <div class="form-group">
                    <div class="col-md-12">
                        <textarea class="form-control" id="message" name="message" placeholder="Message"
                                  rows="6"></textarea>
                    </div>
                </div>


                <!-- Button -->
                <div class="form-group">
                    <div class="col-md-4 pull-right">

                        <input type="submit" name="singlebutton" class="btn btn-success" value="SEND" id="singlebutton">
                    </div>
                </div>


            </form>

我的 jquery ajax 代码

<script>

    $(document).ready(function (){
        $("#singlebutton").click(function(event)
       {
           /* stop form from submitting normally */
            event.preventDefault();

            /* get some values from elements on the page: */
            var $form = $( this ),
               $submit = $form.find( 'input[type="submit"]' ),
            name_value = $form.find( 'input[name="name"]' ).val(),
            phone_value = $form.find( 'input[name="phone"]' ).val(),

            email_value = $form.find( 'input[name="email"]' ).val(),
            message_value = $form.find( 'textarea[name="message"]' ).val(),
            url = $form.attr('action');

        /* Send the data using post */
        var posting = $.post( url, {
            name: name_value,
            email: email_value,
            phone: phone_value,
            message: message_value
        });

        posting.done(function( data )
        {
            /* Put the results in a div */
            $( "#contactResponse" ).html(data);

            /* Change the button text. */
            $submit.text('Sent, Thank you');

            /* Disable the button. */
            $submit.attr("disabled", true);
        });
        return false;
       });



   });

   </script>

我的 php 邮件程序代码

      <?php

  require_once '../assets/phpmailer/PHPMailerAutoload.php';

    if (isset($_POST['name'], $_POST['email'], $_POST['phone'], $_POST['message'])) {

    $fields = [

       'name' => $_POST['name'],
       'email' => $_POST['email'],
        'phone' => $_POST['phone'],
       'message' => $_POST['message']


       ];

      foreach ($fields as $field => $data) {

       }


     $m = new PHPMailer;

     $m->isSMTP();
     $m->SMTPAuth = true;
     $m->SMTPDebug = 1;
     $m->Host = 'smtp.gmail.com';
     $m->Username = 'myemail';
     $m->Password = 'mypassword';
     $m->SMTPSecure = 'ssl';
     $m->Port = 465;

    $m->isHTML();

    $m->Subject = 'Contact Form submitted';



          $m->Body = 'From:' . $fields['name'] . '(' . $fields['email'] . ')'  . '<p><b>phone:</b><br/>' . $fields['phone'] . '</p>' . '<p><b>Message</b><br/>' . $fields['message'] . '</p>';


         $m->FromName = 'Contact';





       $m->AddAddress('rjsnh1522@gmail.com', 'Pawan');

      if ($m->send()) {

        //        header('Location: ../index.php');
          //        print_r($_POST);
         //        echo 'message send';
            echo "<h2>Thank you for your comment</h2>";
          //        die();
            } else {
              //        echo 'try again later';
              //        print_r($_POST);
           echo "<h2>Sorry, there has been an error</h2>";
                 }


    }

我每次提交表单时都会收到电子邮件，但它会转到操作页面并回显那里的文本。我希望它在不重新加载的情况下提交并向用户显示表单已提交，我应该收到电子邮件。

我也试过使用 submit ，点击但没有任何帮助请告诉我我做错了什么。

请帮帮我，谢谢。

最佳答案

phpmailer代码

    <?php

  require_once '../assets/phpmailer/PHPMailerAutoload.php';

    if (isset($_POST['name'], $_POST['email'], $_POST['phone'], $_POST['message'])) {

   $fields = [

    'name' => $_POST['name'],
    'email' => $_POST['email'],
    'phone' => $_POST['phone'],
    'message' => $_POST['message']


];

foreach ($fields as $field => $data) {

}


$m = new PHPMailer;

$m->isSMTP();
$m->SMTPAuth = true;
$m->SMTPDebug = false;
$m->do_debug = 0;
$m->Host = 'smtp.gmail.com';
$m->Username = 'your-password@gmail.com';
$m->Password = 'your-password';
$m->SMTPSecure = 'ssl';
$m->Port = 465;

$m->isHTML();

$m->Subject = 'Contact Form submitted';



  $m->Body = 'From:' . $fields['name'] . '(' . $fields['email'] . ')'  . '<p><b>phone:</b><br/>' . $fields['phone'] . '</p>' . '<p><b>Message</b><br/>' . $fields['message'] . '</p>';


   $m->FromName = 'Contact';





    $m->AddAddress('rjsnh1522@gmail.com', 'Pawan');

     if ($m->send()) {


        echo 'Thank You '.$_POST["name"].' We Will Contact You Soon franchise form';
       die();
    } else {
        echo 'try again later';
    }


 }

我的 jquery ajax 代码

<script type="text/javascript">



  $(document).ready(function(){

       $('#franchisedata').on('submit',function(){

          var that=$(this),
              url=that.attr('action'),
             type=that.attr('method'),
            data={};

        that.find('[name]').each(function(index,value){

            var that=$(this),
                name=that.attr('name'),
                value=that.val();


            data[name]=value;

        });

        $.ajax({

            url:url,
            type:type,
            data:data,
            success:function(response){

                console.log(response);
                alert(response);
            }


        });

        return false;

    });
});
  </script>

bootstrap 形式与之前相同

关于javascript - 用于 phpmailer 的 php 表单提交使用 jquery ajax 发送邮件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36145890/