2017-02-23 3 views
0

Вот мой код ниже. Я просто пытаюсь отправить форму сообщения с помощью php-скрипта, но сообщение отправлено хорошо. но когда дело доходит до показа успешного сообщения, у меня возникает проблема с отправкой данных, но не отображается код.имеет проблемы с отображением сообщения об успешном php с ajax

<script type = "text/javascript" language = "javascript"> 
    $(document).ready(function() { 
     $("#send").click(function(event){ 
      var name = $("#name").val(); 
      var email = $("#email").val(); 
      var message = $("#message").val(); 

      $.ajax({ 
       type: "POST", 
       url: "process.php", 
       data:{ 
        name: name, 
        email: email, 
        message: message, 
       }, 
       success:function(data) { 
       $('#msg').html(data); 
       } 
      }); 
     }); 
    }); 
</script> 

Ниже PHP и HTML код:

<?php 
include 'db.php'; 
$name=$_POST["name"]; 
$email=$_POST["email"]; 
$message=$_POST["message"]; 
$query = mysqli_query($con, "INSERT INTO test(name, email, message) VALUES ('$name', '$email', '$message')"); 
if($query){ 
echo "Your message has been sent successfully!"; 
} 
else{ 
echo "Your message has been not sent successfully!"; 
} 
mysqli_close($con); 
?> 

<form action="" method="POST" enctype="multipart/form-data"> 
    <input type="text" class="form-control" id="name" name="name"> 
    <input type="text" class="form-control" id="email" name="email"> 
    <textarea class="form-control" rows="5" id="message" name="message"></textarea> 
    <button id="send" type="submit" class="btn btn-primary">Send</button> 
</form> 
<div id="msg" class="alert alert-success hidden"><strong></strong></div> 
+4

* «страница отправляет» * - ваша проблема, кнопка отправляет форму (и обновляет страницу) до завершения аякс-вызова (так что нет вызова ajax). Вы можете изменить свою кнопку на '

+0

добавьте 'event.preventDefault()' к вашему событию click. – Mohammad

+0

Я просто попытался изменить тип кнопки, но это не сработает – Kanna

ответ

0

Это потому, что ваша форма будет представлена ​​как кнопка имеет тип submit. Изменив тип на button, ajax должен работать.

Изменение type="submit" в type="button"

Я надеюсь, что это поможет!

+0

Я просто пробовал менять тип кнопки, но это не сработает – Kanna

+0

@Kanna Есть ли какие-либо ошибки, проявленные в консоли вашего браузера? – Jer

+0

нет Я просто просто передаю данные, но не показывает ничего плохого в моем коде? – Kanna

Смежные вопросы