如何使用用戶輸入電子郵件提交後不離開頁面

我有頁面（請聯繫me.php）。我希望用戶輸入他們的詢問和電子郵件並提交。如何使用用戶輸入電子郵件提交後不離開頁面

我只知道如何提交到下一頁並給出重定向回頁面。

我如何以這樣的方式，當用戶提交的代碼，它停留在同一頁面上，並顯示一個通知，如「查詢發送」

感謝很多！

來源

2014-09-01 Angela

您可以使用AJAX – 2014-09-01 08:05:22

使用Ajax作爲@JohnRobertson說 – Khushboo 2014-09-01 08:07:35

你把AJAX標籤在你的問題，所以它看起來像您知道答案。 – Barmar 2014-09-01 08:07:48

請嘗試使用AJAX。通過使用AJAX，無需更新整個頁面。

來源

2014-09-01 08:07:00 Naincy

將代碼發送到一個文件中的電子郵件，如果您打算使用jQuery，請調用$ .ajax（）。只需將表單數據作爲POST或GET變量傳遞給此文件即可。

您可以回顯調用頁面的成功或錯誤值，並在調用頁面中正確處理。

不要忘記檢查你的形式使用filter_var（）等變量傳遞

來源

2014-09-01 08:08:43

你需要使用Ajax像發送電子郵件形式：

$.ajax({ 
    url: 'mail file url', 
    type: 'post', 
    data: {'action': 'data1': 'value1'}, 
    success: function(data, status) { 
    if(data == "ok") { 
     //your success message here 
    } 
    }, 
    error: function(xhr, desc, err) { 
    console.log(xhr); 
    console.log("Details: " + desc + "\nError:" + err); 
    } 
}); // end ajax call

來源

2014-09-01 08:11:51

調用此函數通過Ajax你可以發送郵件。它會發送電子郵件而不重新加載。

function sendemail(){ 

var id=document.getElementById("email_id").value; 
var msg=document.getElementById("message").value; 

$.ajax({ 
url: 'mail.php?email_id='+id+"&message='+msg, 
type: 'post', 
data: {'action': 'data1': 'value1'}, 
success: function(data, status) { 
if(data == "ok") { 
    //your success message here 
} 
}, 
error: function(xhr, desc, error) { 
console.log("error" + error); 
} 
}); 

}

來源

2014-09-01 08:22:26

你可以使用HTML和jQuery，但是你的PHP幾乎保持不變。我已經在下面包含了html和jquery。您可以按照通常的方式進行聯繫我們頁面。

---------- 



<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Contact Us</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 
    <script> 


    $(function() { 

     $("#Send").click(function(){ 
     var name =$("#name").val(); 
      $.post('contactus.php',{Name:name},function(data) 
         { 

          alert(data); 

          }); 




     }; 


    }); 


    </script> 
</head> 
<body> 
    <form method="post" onsubmit='return false;' id="form"> 
     Name: <input type="text" name="name" required id="name"><br> 

     <input type="submit" id="Send" value="Send"> 
    </form> 
</body> 
</html>

來源

2014-09-01 08:42:00

您可以使用PHP郵件功能發送郵件，或者您可以使用一些其他的插件一樣PHPmailer

你發送電子郵件後，您可以在同一頁面中直接使用你的頁面的PHP語法標題（」地點：yourpage.php「）

這就是我使用

希望它可以幫助你

來源

2014-09-01 08:44:09

看都鏈接其中有接觸形式與Ajax請求

http://www.elated.com/articles/slick-ajax-contact-form-jquery-php/

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

來源