Ajax Comment Form_Return PHP ответ - PullRequest
Новая
       5

Ajax Comment Form_Return PHP ответ

0 голосов
/ 20 февраля 2012

Я создаю форму комментария на основе плагина проверки jquery (http://docs.jquery.com/Plugins/Validation). Я пытаюсь интегрировать плагин проверки jquery с моей формой, но у меня возникают проблемы с отображением сообщения ответа php под формой черезajax.

В настоящее время «напечатанное» php-сообщение «Форма успешно отправлена» отображается в виде всплывающего окна браузера. Как настроить AJAX / JS для отображения php-сообщения «Форма успешно отправлена» под HTML-формой? 

 <script>
 $(document).ready(function(){
 $("#commentForm").submit(function(){
    if($("#commentForm").validate()){
        $.ajax({
            type: 'POST',
            url: 'process.php',
            data: $(this).serialize(),
            success: function(returnedData){
                alert(returnedData);
            }
        });
    }
    return false; }); });
  </script>

<form class="cmxform" id="commentForm" method="POST" action="process.php">
   <label for="cname">Name</label>
   <input id="cname" name="name" size="25" class="required" minlength="2" />
   <label for="cemail">E-Mail</label>
   <input id="cemail" name="email" size="25"  class="required email" />
   <label for="curl">URL</label>
   <input id="curl" name="url" size="25"  class="url" value="" />
   <label for="ccomment">Your comment</label>
   <textarea id="ccomment" name="comment" cols="22"  class="required"></textarea>
<input class="submit" type="submit" value="Submit"/>

И php тоже довольно стандартный: 

<?php

$to      = 'sdfsadfssfasd@gmail.com';
$subject = 'the subject';
$message = 'hello';
$headers = 'From: webmaster@example.com';

mail($to, $subject, $message, $headers);

print "Form submitted successfully: <br>Your name is <b>".$_POST['cname']."</b> and your email is <b>".$_POST['email']."</b><br>";
?>

Спасибо за любую помощь.

1 Ответ

1 голос
/ 20 февраля 2012

Используйте метод jQuery .append() вместо оповещения и все!Это добавит текст / HTML, который вы отправляете клиенту, к форме.Вы можете использовать prepend(), если хотите показать сообщение сверху. 

success: function(returnedData){
                $('#commentForm').append(returnedData);
            }
...