如何使用發佈到服務器端腳本提交表單輸入值

我有很多按鈕，每個按鈕都打開它的窗體。如何獲得當前打開的表單的輸入值，並將其發佈到我的服務器上，如（「/ addOrders」，valueOfinputs）？如何使用發佈到服務器端腳本提交表單輸入值

    <div class="rows"> 


    <div class="row"> 


    <button class="open">Buy</button> 

     <form id="myform" action="/index" method="post"> 
     <div class="form-group"> 
     <label for="exampleInputEmail1">Name</label> 
     <input type="namee" name ="name" > 
     </div> 
     <div class="form-group"> 
     <label for="exampleInputPassword1">Phone</label> 
     <input type="phone" name = "phone" > 
     </div> 

     <button class="ave" >Close</button> 
     <INPUT type="submit" id = "submit" class = "close" value="Submit"> 
    <!---- <button id="submit" class="close"></button>--> 

    </form> 


    </div> 


</div>

來源

2016-04-17 Ost

你想要相同的服務器端腳本來處理所有表單提交或者你想不同的表單提交到不同的腳本 –

我不太明白這個問題。我的服務器端控制器將處理一個表單的提交併將值從表單轉換爲數據庫。從用戶點擊提交的一種形式。 – Ost

瞭解了，你可以使用ajax。請參閱下面的答案。 –

嘗試此，

$("#submit").click(function(e){ 
    $.post("/addOrders",$("#myForm").serialize()); 
    return null; 
})

.serialize（）將把所有表格元素數據到請求

你也需要爲不同的表單提交不同的ID提交按鈕，你必須爲每個提交按鈕做上述代碼

希望這對你有效。

來源

2016-04-17 11:33:36

爲什麼我不能像這樣序列化：在$（'。row'）。on（'click'， '.close'， function（e）{$（this）.parent（'form'）。serialize （）;} – Ost

是的，你可以，只要你的按鈕有不同的ID –

我沒有使用按鈕id，只是在onclick函數中的類。 – Ost

這是一個簡單的參考：

// this is the id of the forms, set the form ids accordingly. 
    $("#idForm").submit(function(e) { 

var url = "path/to/your/script.php"; // the script where you handle the form input. 

$.ajax({ 
     type: "POST", 
     url: url, 
     data: $("#idForm").serialize(), // serializes the form's elements. 
     success: function(data) 
     { 
      alert(data); // show response from the php script. 
     } 
    }); 

e.preventDefault(); // avoid to execute the actual submit of the form. 
});

來源

2016-04-17 11:14:50

如何使用發佈到服務器端腳本提交表單輸入值

回答

相關問題