Как добавить значение кнопки в ajax запрос?

Question

[alexeygavrilovs]

Добрый день, есть код, который передает значения из формы, также есть две кнопки, одна передает значение True, другая false, как передавать дополнительно это значение в ajax запрос
вот код

<script>
        $( document ).ready(function() {
            $("button").click(function(){
                    sendAjaxForm('ajax_form', btn);
                    return false;
                }
            );
        });
        function sendAjaxForm(ajax_form, btn) {

            $.ajax({
                url:     '/getvote',
                type:     "POST",
                dataType: "json",
                data:
                    $("#"+ajax_form).serialize(),

                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                success: function (data) {

                },
                error: function (er) {

                }
            });
        }
    </script>

Значение из формы передаются, из кнопки - нет .

Answer 1

[coderisimo]

Добавьте скрытое поле в форму. При клике на кнопки устанавливайте это значение в true или false. Следовательно, когда будете отправлять форму sendAjaxForm ваше скрытое поле также будет отправлено.

Comments

[alexeygavrilovs]

<button id="1" class="btn btn_primary w-100" value="true">
                                        Пройдёт
                                    </button>
                                </div>
                                <div class="col">
                                    <button id="0" class="btn btn_danger w-100" value="false">
                                        Не пройдёт
                                    </button>

Вот кнопки, ниже форма со крытым инпутом
<input type="hidden" name="vote" value="">
как передавать значение в value?

[coderisimo]

Кнопкам добавьте класс - 'vote-btn' , полю id='vote'

$('body').on('click','.vote-btn', function(){
  $('#vote').val($(this).val());
});

[alexeygavrilovs]

coderisimo, в какое место сприпта это вставить? не работает.....

[coderisimo]

А если внутрь

$( document ).ready(function() {

?

[alexeygavrilovs]

$( document ).ready(function() {
            $('body').on('click','.vote-btn', function(){
                $('#vote').val($(this).val());
            });
            $("button").click(function () {

                    sendAjaxForm('ajax_form');
                    return false;
                }
            );

            function sendAjaxForm(ajax_form) {

                $.ajax({
                    url: '/forecast/getvote', //url страницы (action_ajax_form.php)
                    type: "POST", //метод отправки
                    dataType: "json", //формат данных
                    data:
                        $("#" + ajax_form).serialize(),

                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    success: function (data) {

                    },
                    error: function (er) {

                    }
                });
            }
        });

так, нет, надо как-то в data передавать

[coderisimo]

alexeygavrilovs
вы

<input type="hidden" id="vote" name="vote" value="">

в #ajax_form добавили ? Что у вас в консоли? Почему не сделали codepen, если хотите, чтобы вам помогли ?

А, впрочем, вам виднее .Передавайте в data!

[alexeygavrilovs]

[coderisimo]

[alexeygavrilovs]

coderisimo, Благодарю.

[coderisimo]

alexeygavrilovs, удачи. Используйте гугл для простых вещей. Прокачаете и знание языка и поисковые скиллы, которые не менее важны.