Ajax Отправить форму Самостоятельная страница - две кнопки

Question

Я хочу сделать простую форму, которая сообщает значение 1 и значение два. Поэтому я сделал эту простую форму только для проведения тестов:

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