用Jquery提交表單

-6

我想用JQuery在不重新加載頁面的情況下提交表單。我怎樣才能做到這一點？用Jquery提交表單

我的表格：

<html> 
<form method="post" action="submit.php"> 
    <input type="text" name="name"/> 
    <input type="submit" name="submit" value="submit"/> 
</form> 
</html>

我的PHP：

<?php 
    $name= $_POST['name']; 
     echo $name; 
?>

來源

2013-02-11 user2048211

'$。員額（「提交。 php「，$（」form「）。serialize（））;' – 2013-02-11 22:54:39

你應該真的看看這裏的jQuery的ajax方法：http://api.jquery.com/jQuery.ajax/ – 2013-02-11 22:54:41

你的意思是說你不要不想加載頁面，或者希望在不重新加載用戶所在的頁面的情況下進行提交rrently？ – Offbeatmammal 2013-02-11 22:54:42

按照意見，請關注此事的教程jQuery的文檔/ 1000的。儘管如此：

$('#form-id').submit(function(){ 

// work yon javascript magicke 

});

編輯：確實注意到這是一個簡單的表格的非AJAX溶液提交（客戶端驗證等）;如果你想看看其他答案，請看看。

來源

2013-02-11 22:55:06

通過使用AJAX：

$('form').on('submit', function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     type: 'POST', 
     url : 'submit.php', 
     data: $(this).serialize() 
    }); 
});

來源

2013-02-11 22:55:28 adeneo

您將需要等到該文件已加載，然後interupt提交事件，並運行一些ajax

$(document).ready(function() { 

    $('form').on('submit', function (event) { 

     event.preventDefault(); 

     $.ajax({ 
      type: 'POST', 
      url: '/mypage.php', 
      data: $(this).serialize(), 
      success: function (data) { 
       alert(data); 
      } 
     }); 

    }): 

});

來源

2013-02-11 22:57:46 whitneyit

用Jquery提交表單

回答

相關問題