Не отправляет value из формы?

Question

[Виталий Ананьев]

почему не отправляеться value из button?

<form method="post" action="{% url 'base' %}" id="sorted-games">
    {% csrf_token %}
    <div class="tab">
        {% for i in game_sorted %}
        <button value="{{ i.name }}" id="games_sorted"  type="button" name="games_sorted_name"  class="tablinks">{{ i.name }}</button>
        {% endfor %}
    </div>
</form>
<script type="text/javascript">
    $(function(){
        $('#sorted-games').click(function(e){
            e.preventDefault();
            var data = $(this).serialize();
            $.ajax({
                type: "POST",
                url: "{% url 'base' %}",
                data: data,
                success: function(result){
                    $('#result-games-sorted').html(result);
                }
            });
        });
    });
</script>

utils.py

class ContextBase(ListView):
    def post(self, request):
          if "games_sorted_name" in self.request.POST:
            name = self.request.POST.get("games_sorted_name")
            print(name)
            queryset = Games.objects.all().order_by('name')
            list_game_id_num = []
            for i in queryset:
                if name == f'{i}'[0]:
                    list_game_id_num.append(i.id_num)
            context = {
                    'games': Games.objects.filter(id_num__in=list_game_id_num).order_by('name'),
            }
            return render(request, 'result_sorted_games.html', context)

print(name) = None

Comments

[Andrew]

Выведите/посмотрите в браузере что в var data = $(this).serialize();
будете знать проблема в jQ или py

[Виталий Ананьев]

Andrew, если я всё правильно сделал в терминале браузера выдает ошибку:

jquery.js:2          POST http://127.0.0.1:8000/ 500 (Internal Server Error)
send @ jquery.js:2
ajax @ jquery.js:2
(anonymous) @ (index):187
dispatch @ jquery.js:2
y.handle @ jquery.js:2

[Виталий Ананьев]

Andrew, когда я не применяю скрипт всё работает

[Andrew]

Виталий Ананьев, 500 error

[Виталий Ананьев]

Andrew, если я тако проделываю с селектом или инпутом всё POST запросом приходит value, я думаю ошибка кроеться в скрипте по то му что я на шарю JS и AJAX

[Виталий Ананьев]

Andrew, и что мне с этим делать?

[Andrew]

Виталий Ананьев, дебажить и искать где конкретно ошибка, - очень полезный скилл

[Виталий Ананьев]

Andrew, понимаете в чём прикол он ждет от меня if "games_sorted_name" in self.request.POST пост запрос по name, исключения я не написал, получает value=None и выдвет эту ошибку. Если я не делаю проверку выше приведенную ошибке в браузере нет но и информация не рендериться по скольку value=None
terminal Django

HTTP GET / 200 [0.06, 127.0.0.1:56694]
None - это ptrint (name = self.request.POST.get("games_sorted_name"))
HTTP POST / 200 [0.02, 127.0.0.1:56694]

[Andrew]

Виталий Ананьев, я в джанго не шарю, соррян. Проверьте на фронте(можно прям в браузере точку остановки поставить) если есть это поле в отправляемом обьекте, если да - колдуете в джанго

[Виталий Ананьев]

Andrew, буду очень благодарен если посмотрете код в скрипте, скорее всего ошибка в нём если нет прийдется искать другие методы для реализации

[Andrew]

<form method="post" action="{% url 'base' %}" id="sorted-games">
    {% csrf_token %}
    <div class="tab">
        {% for i in game_sorted %}
        <button value="{{ i.name }}" id="games_sorted"  type="button" name="games_sorted_name"  class="tablinks">{{ i.name }}</button>
        {% endfor %}
    </div>
</form>
<script type="text/javascript">
    $(function(){
        $('#sorted-games').click(function(e){
            e.preventDefault();
            var data = $(this).serialize();
            console.log(data)
            $.ajax({
                type: "POST",
                url: "{% url 'base' %}",
                data: data,
                success: function(result){
                    $('#result-games-sorted').html(result);
                }
            });
        });
    });
</script>

выполните и откройте консоль, если там будет нужное поле со значение(в вашем случае имя кнопки), то на фронте всё ок

[Модератор]

Не нужно ставить тэг JS, если стоит Django или AJAX. См.п.3.1 Регламента.
Не надо писать лишнее в вопросе про «недалекий» и прочую лирику. Пишите строго по делу, п.3.4 Регламента.
Название вопроса надо формулировать в соответствии с п.3.6 Регламента.
Также не надо массово удалять свои вопросы, см.п.4.2 Регламента.

Вы продолжаете систематически нарушать правила. Это создает регулярную бессмысленную нагрузку на кураторов и модераторов.
Это очередное китайское предупреждение - изучите Регламент!!! Соблюдайте его.

Предупреждаю - начну пристально изучать и прицельно удалять ваши вопросы, ответы и комментарии с любыми нарушениями Регламента.

[Виталий Ананьев]

Модератор, Не понял у меня скрипт написан наполовину из JS остальное Ajax + Django бэк, какой тэг нужно ставить ?

[Виталий Ананьев]

Модератор, Так первое не надо писать лишнее в вопросе ок лишнее я буду писать в сообщении тогда, второе про название вопроса я чёт не понял что с моим вопросом? И третье зачем мне вам засырать БД если я вижу что вопросо был написан не корректно и следовательно не понятно о чём идет речь я его удаляю и пишу новый) логично?

[Модератор]

Виталий Ананьев, нет, нет и нет.
Лишнее не надо писать вообще.
Название вопроса предполагает какой ответ?

Не отправляет value из формы?

- да такой ответ единственно верный и абсолютно бесполезный - вас устроит? Если нет - формулируйте правильно название вопроса.
Засырать БД мне не надо.
Более общий тэг JS не надо ставить вместе с более конкретным тэгом AJAX - это определено п.3.1 Регламента.
Что касается удаления вопросов - нет, не правильно. Вопрос можно написать и потом поправить. У вас половина вопросов удалена - а на них кто-то писал ответы и комментарии, вы всё это спустили в мусор.
Более обсуждать тут модерацию запрещаю. См.п.8.1 и 8.2 Регламента. Не понимаете причин, что и зачем - значит тупо выполняйте Регламент. Будете нарушать - будем пресекать.

Answer 1

[toxa82]

Заметка: все элементы "подходящие" для отправки, могут быть сериализованы. Если форма была отправлена не с помощью кнопки submit, то в строке её значения не будет. Для успешной сериализации элемент формы должен содержать атрибут name. Значения чекбоксов, радио кнопок будет включено в строку, если они были выделены.

Скорее всего button он не отправляет вообще. У меня даже не получилось получить значение в JS батона с типом submit

Comments

[Виталий Ананьев]

ну вот я и говорю что он не хочет отправлять батоны с инпутом и селектом всё работает, что в моем случаи нужно делать искать другое решение для реализации через script ?

[toxa82]

Да, но я не вижу проблем получить значения из баттонов вручную и дописать к сериализованной строке

[Виталий Ананьев]

toxa82, я ели этот скрипт расшифровал я знаю ток бэк и немного вёрстку если не трудно пропиши как его достать и вставить правильно.

[toxa82]

Ну всю форму мне повторять лень, поэтому только часть:

var data = $(this).serialize();
let btnData = $('#games_sorted').val();
console.log(data + '&games_sorted_name=' + btnData);

Первая строка это ваша, во второй получаем элемент button по id и берем его value. Ну и в третьей пример как его дописать к переменной data.

[Виталий Ананьев]

toxa82, Спасибо! ты лучший!