使用ajax發送表單到php文件

-6

我想通過發送一個表單到一個php文件來學習ajax，例如這個表單我應該怎麼做？我需要發送這個表格（例如）到一個php文件（如send.php），使用ajax和js。使用ajax發送表單到php文件

<form name='myform' method='post'> 
<input name='name' type='text'/></br> 
<input name='email' type='text'/></br> 
<input name='title' type='text'/></br> 
<textarea name='message'></textarea></br> 
<input name='send' type='submit' value='send'/> 
</form>

來源

2013-07-09 sepehr2121

此問題已被問過100次。請在發佈新問題前查找答案。 –

[創建jQuery AJAX請求到PHP函數]可能的重複（http://stackoverflow.com/questions/7016701/creating-jquery-ajax-requests-to-a-php-function） –

簡單...

更改HTML這個...

<form id="myform" name='myform' method='post' action=""> 
    <input name='name' type='text'/></br> 
    <input name='email' type='text'/></br> 
    <input name='title' type='text'/></br> 
    <textarea name='message'></textarea></br> 
    <button id="submitbutton">SUBMIT</button> 
</form>

包含在頁面頂部jQuery庫...

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

然後添加此腳本在頁面上...

<script> 
$(document).ready(function(){ 

$('#submitbutton').click(function(e){ 
    e.preventDefault(); 
    form = $("#myform").serialize(); 

    $.ajax({ 
    type: "POST", 
    url: "yourpage.php", 
    data: form, 
    success: function(data){ 
     alert('Successful!'); 
    }}); 

    return false; //stop the actual form post !important! 
    }); 

}); 
</script>

另一方面的處理是PHP ....我不會告訴你那部分....因爲我假設你已經知道如何處理服務器端的表單。

來源

2013-07-09 17:08:39 KyleK

是的，謝謝 – sepehr2121

您可以通過使用jQuery輕鬆完成此操作。

$("form[name=myform]").ajax({ 
    type: "POST", 
    url: "send.php", 
    data: { $("form[name=myform]").serialize(); } 
}).done(function(msg) { 
    alert("Data Saved: " + msg); 
});

其中msg將是send.php文件的輸出。

來源

2013-07-09 17:10:48 Sph1nX

使用ajax發送表單到php文件

回答

相關問題