麻煩顯示php成功消息與AJAX

這裏是我的下面的代碼我只是想發送一個消息形式與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>

來源

2017-02-23 Kanna

*「頁面提交」*是您的問題，該按鈕在ajax調用完成之前提交表單（並刷新頁面）（因此沒有ajax調用）。您可以將按鈕更改爲'

將'event.preventDefault（）'添加到您的點擊事件中。 – Mohammad

我只是嘗試按鈕類型改變，但它不會工作 – Kanna

這是因爲你的表單將提交的按鈕有型submit。通過改變類型爲button ajax應該工作。

變化type="submit"到type="button"

我希望這將有助於！

來源

2017-02-23 11:25:43 Jer

我只是嘗試按鈕類型改變，但它不會工作 – Kanna

@Kanna在您的瀏覽器控制檯顯示任何錯誤？ – Jer

不，我只是簡單地提交數據，但沒有顯示任何消息我的代碼有什麼問題？ – Kanna

麻煩顯示php成功消息與AJAX

回答

相關問題