阿贾克斯提交表格自我页 - 两个按钮

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); 
    }); 
});