Проблема отправки почты с помощью JQuery/Php в Bootstrap Twitter

Question

У меня есть одна проблема с отправкой почты с помощью JQuery и Php. Я использую самозагрузки твиттер и здесь моя форма:

   <div class="modal fade" id="myModalContactPage" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> 
        <div class="modal-dialog"> 
         <div class="modal-content"> 
          <div class="modal-header"> 
           <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
           <h4 class="modal-title" id="exampleModalLabel">New message</h4> 
          </div> 
          <div class="modal-body"> 
           <form> 
            <div class="form-group"> 
             <label for="recipient-name" class="control-label">Recipient:</label> 
             <input type="text" class="form-control" id="recipient-name"> 
            </div> 
            <div class="form-group"> 
             <label for="message-text" class="control-label">Message:</label> 
             <textarea class="form-control" id="message-text"></textarea> 
            </div> 
           </form> 
          </div> 
          <div class="modal-footer"> 
           <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
           <button id="btnSendMail" type="button" class="btn btn-primary" name="submit" type="submit">Send message</button> 
          </div> 
         </div> 
        </div> 
       </div> 

Здесь JQuery:

$(function() { 
    $("#btnSendMail").click(function(){ 
     var email = $("#recipient-name").val(); 
     var message = $("#message-text").val(); 

     $.ajax({ 
      type: "POST", 
      url: "email.php", 
      data: data, 
      success: function(){ 
       $('.success').fadeIn(1000); 
      } 
     }); 
    }); 
}); 

, а затем ехЬегп Php страницы:

<?php 
if($_POST){ 
    $email = $_POST['email']; 
    $message = $_POST['message']; 

//send email 
    mail("borgiesfranco@gmail.com", "test" .$email, $message); 
} 
?> 

I'don't см что не так с этим кодом ... и когда я нажимаю кнопку «Отправить», ничего не происходит. Любая помощь будет оценена по достоинству.

Answer 1

попробовать это:

$.ajax({ 
       type: "POST", 
       url: "email.php", 
       data: {email:email,message:message},// send data like this then use post to receive it 
       success: function(msg){ 
        $('.success').fadeIn(1000);//use echoed msg here 
       } 
}); 

Answer 2

Ваш Jquery шаг не хорошо.
Ваша потребность поставить ваши парамаметры.

data = { 
     'email'  : $("#recipient-name").val(), 
     'message ' : $("#message-text").val() 
    }; 

    $.ajax({ 
     type: "POST", 
     url: "email.php", 
     data: data, 
     success: function(){ 
      $('.success').fadeIn(1000); 
     } 
    }); 

http://www.sanwebe.com/2011/12/making-simple-jquery-ajax-contact-form

Answer 3

$(function() { 
    $("#btnSendMail").click(function(){ 
     var email = $("#recipient-name").val(); 
     var message = $("#message-text").val(); 
    var data = {email:email,message:message}; //You missed this 
     $.ajax({ 
      type: "POST", 
      url: "email.php", 
      data: data, 
      success: function(){ 
       $('.success').fadeIn(1000); 
      } 
     }); 
    }); 
});