阿賈克斯提交表格自我頁 - 兩個按鈕

Question

我想做一個簡單的形式，張貼值1和值2。所以我做了這個簡單的表單只是爲了進行測試：

<form method="post" name="form1" id="form1"> 
<button id="submit" type='submit' value="1" id="master_zoom" name="master_zoom">Zoom 1</button><br/><br/> 
<button id="submit2" type='submit' value="2" id="master_zoom" name="master_zoom">Zoom 2</button> 
</form><br/> 

這種形式發佈值在同一頁。你們可以告訴我如何製作一個Ajax表單並將相同的內容發佈到同一頁面而無需重新加載頁面？

預先感謝您！ :)

Answer 1

這裏是一個使用JQuery的例子。不知道這是否有助於回答你的問題，但這裏是一個jsfiddle，希望能指引你正確的方向。

http://jsfiddle.net/e5bq3x2z/

HTML

<button class="zoom" id="zoom1" type='submit' value="1" >Zoom 1</button> 
<br/> 
<br/> 
<button class="zoom" id="zoom2" type='submit' value="2" >Zoom 2</button> 
<br/> 
<br/> 
<input id="myinput" value="submitted value"></input> 

jQuery的

$(document).ready(function(){ 

    $("#zoom1").click(function(){ 
    var myvalue = $("#zoom1").val(); 
     $("#myinput").val(myvalue); 
    }); 

    $("#zoom2").click(function(){ 
    var myvalue = $("#zoom2").val(); 
     $("#myinput").val(myvalue); 
    }); 
});