Научился отправлять данные с сервера в браузер пользователя, но никак не могу научиться отдавать данные из формы серверу!
Сейчас я пытаюсь сделать нажатие кнопки без обновления страницы.Чтобы пользователь нажал на кнопку и получил какие то данные без перезагрузки.
В это на сервер уходит "нажата кнопка N"
А на сервере описаны действия после нажатия каждой кнопки и возвращаются какие то данные.
Помогите, пожалуйста, отправить какую кнопку нажал юзер через jQuery.post()
P.S.: Через jQuery.ajax()
можно, но там не совсем понятно, официальная документация описывает все функции которые есть в аджакс и не понятно что тебе из них тебе нужно.
<div class="buttons">
<form id="buttons" action='action.php'>
<button id="batman" name='bets' class='btn'> я бэтмен! </button>
<button id="groot" name='tree' class='btn'> я грут! </button>
</form>
</div>
<script>
$('#batman').click(function(){
$('#buttons').hide();
var vybor = 1;
startpost(vybor);
});
$('#groot').click(function(){
$('#buttons').hide();
var vybor = 2;
startpost(vybor);
}); //чтобы не использовать два раза надо юзать serialize(), но из примеров не понятно как собирать данные из кнопок.
function vybor(na_vhod) {
$.post ("action.php", //тут надо выдовать входящие но как?
function(data){
alert(data.na_vyhod1);
alert(data.na_vyhod2);
}, "json" );
}
</script>
<?// это например php файл на сервере
$na_vhod = $_POST["na_vhod"];//входящие данные. тут как я понял должен быть дэкод
$na_vyhod1 = $na_vhod;
$na_vyhod2 = $na_vhod;
echo json_encode(array("na_vyhod1"=>"$na_vyhod1","na_vyhod2"=>"$na_vyhod2")); // исходящие
?>