按下按鈕（<input type =「button」>但不是<input type =「submit」>）併發送一個表單，但不保留當前頁面

如何通過按鈕發送表單（<input type="button">但不是<input type="submit">）不會離開當前頁面，也不會刷新它並顯示成功消息，例如「您的表單已成功發送！」？我想我需要使用jQuery ....不是嗎？按下按鈕（<input type =「button」>但不是<input type =「submit」>）併發送一個表單，但不保留當前頁面

我使用這個代碼，例如：

<form name="myform" action="SendForm.jsp" method="post"> 
    Username: <input type="text" name="user"> 
    <input type="button" id="b1" value="Send"> 
</form>

提前感謝！

來源

2013-10-13 Deniss Muntjans

使用AJAX表單提交 –

使用AJAX和成功顯示了一個JS函數信息？ – Vucko

如果你不想刷新頁面，你會需要ajax。

DEMO jQuery中

<form name="myform" action="SendForm.jsp" method="post" id="myForm"> 
    Username: <input type="text" name="user"> 
    <input type="button" id="b1" value="Send"> 
</form> 

$("#b1").on("click", function(){ 
    $.ajax({ 
     url: 'SendForm.jsp', 
     type: 'POST', 
     data: $("#myForm").serialize(), 
     success: function(){ 
      alert("Your form has been successfully sent!"); 
     } 
    }); 
});

來源

2013-10-13 13:53:28 jasonslyvia

只有一個問題：他的按鈕不提交表單。該類型是錯誤的。將其更改爲一個提交，它會工作 – Machavity

@Machavity是啊，我懷念那個部分，THX – jasonslyvia

你看這個表格將被髮送只有當將被壓，但我需要它的按鈕被按下<輸入類型=「按鈕」> –

如果你需要用一個按鈕類型的工作。在您的Send按鈕，你會添加onclick事件

<input type="button" id="b1" value="Send" onclick="myfunction();">

然後，你會寫一個使用AJAX來發送數據

function myfunction() { 
    jQuery.ajax({url: 'my/url/here'}).done(function() { /*do something here*/ }); 
}

來源

2013-10-13 13:58:26 Machavity

按下按鈕（<input type =「button」>但不是<input type =「submit」>）併發送一個表單，但不保留當前頁面

回答

相關問題