Не работает ajax-запрос

@[FENIX] · Регистрация: 09.10.2009

Author24 — интернет-сервис помощи студентам

Всем привет.
Хочу сделать страницу, на которой можно было бы отображать записи из БД MySQL, а также добавлять новые записи, удалять записи и изменять.

Есть в БД вот такая вот таблица (на скриншоте).

получение данных работает нормально, но вот удалить запись при клике на кнопку "удалиьб" почему то не получается. Посмотрите пожалуйста, что не так?

Выложил всё вот сюда: http://v9061216.bget.ru/?

@Уф · 03.02.2019, 10:30

это потому что в айди ничего не попадает

@[FENIX] · 03.02.2019, 13:07 **[ТС]**

переделал немного Ajax-метод для удаления, но всё равно в $_POST['id'] не приходит это самое id.

Вот код:

Javascript

$('form#get-form .row input[type="submit"]').on('click',function(e){
          e.preventDefault();
          console.log('this=', $(this));
 
          
          $tr = $(this).closest('.row');
          $id = $tr.find('input:first-child').val();
          console.log('id=',$id);
 
          $.ajax({
            type: 'POST',
            data: $id,
            url: 'del_data.php?id=' + parseInt($id),
            success: function(msg){
              console.log('delete is success', msg);
            },
            error: function(msg){
              console.log('error delete data', msg);
            }
          });
 
 
        });

Хотя в console.log() оно нормально приходит.

@fanatikus · 03.02.2019, 13:14

PHP/HTML

<script>
                $(function () {
                    $('.del').click(function () {
                        var $id = $(this).parent().children().eq(0).val();
                        console.log($id);
 
                        $.ajax({
                            type: 'POST',
                            data: 'id=' + $id,
                            url: 'del_data.php?id=' + parseInt($id),
                            success: function (msg) {
                                console.log('delete is success', msg);
                            },
                            error: function (msg) {
                                console.log('error delete data', msg);
                            }
                        });
                    });
                });
        </script>
        <form id="get-form">
            <div class="row">
                <div>ID</div>
                <div>Name</div>
                <div>Address</div>
                <div>Phone</div>
            </div>
            <div class="row">
                <input type="text" id="elem_1" disabled="" value="1"> 
                <input disabled="" type="text" value="Юрий">
                <input disabled="" type="text" value="Тольятти">
                <input type="text" value="+79771604797" disabled="">
                <input type="button"  class="del" value="Удалить">
            </div>
            <div class="row">
                <input type="text" id="elem_6" disabled="" value="6"> 
                <input disabled="" type="text" value="Юра">
                <input disabled="" type="text" value="Москва">
                <input type="text" value="89771604797" disabled="">
                <input type="button"  class="del" value="Удалить">
            </div>
            <div class="row">
                <input type="text" id="elem_7" disabled="" value="7"> 
                <input disabled="" type="text" value="Юра2">
                <input disabled="" type="text" value="Москва">
                <input type="text" value="89771604797" disabled="">
                <input type="button"  class="del" value="Удалить">
            </div>
            <div class="row">
                <input type="text" id="elem_17" disabled="" value="17"> 
                <input disabled="" type="text" value="Юра">
                <input disabled="" type="text" value="Тольятти">
                <input type="text" value="666666" disabled="">
                <input type="button"  class="del" value="Удалить">
            </div>
        </form>

@[FENIX] · 03.02.2019, 14:10 **[ТС]**

Работает, спасибо!!

Но теперь появилась другая проблема. Хочу убрать атрибут disabled при клике на кнопку "Edit". При первой загрузке на страницу кнопка Edit убирает disabled со всех ячеек строки.

Но вот если например я добавил новую запись, и потом хочу какую то запись отредактировать - то кнопка уже не работает.

Javascript

$('#get-form .row').on('click', '.edit', function(){
          console.log('push edit button');
          $(this).parent().children().removeAttr('disabled');
          $(this).parent().children().eq(0).attr('disabled','true');
        });

@Уф · 03.02.2019, 19:38

Javascript

$('#get-form').on('click', '.row .edit', function(){
          console.log('push edit button');
          $(this).parent().children().removeAttr('disabled');
          $(this).parent().children().eq(0).attr('disabled','true');
        });

попробуй так

Блоги программистов
Обновление сайта www.historian.by Reglage 05.01.2025 Обещал подвести итоги 2024 года для сайта. Однако начну с того, что изменилось за неделю. Добавил краткий урок по последовательности действий при анализе вредоносных файлов и значительно улучшил урок. . .	Как использовать GraphQL в C# с HotChocolate Programming 05.01.2025 GraphQL — это современный подход к разработке API, который позволяет клиентам запрашивать только те данные, которые им необходимы. Это делает взаимодействие с API более гибким и эффективным по. . .	Модель полного двоичного суматора с помощью логических операций (python) AlexSky-coder 04.01.2025 def binSum(x:list, y:list): s=^y] p=x and y for i in range(1,len(x)): s. append((x^y)^p) p=(x and y)or(p and (x or y)) return s x=list() y=list()	Это мы не проходили, это нам не задавали...(асихронный счётчик с управляющим сигналом задержки). Hrethgir 04.01.2025 Асинхронный счётчик на сумматорах (шестиразрядный по числу диодов на плате, но наверное разрядов будет больше - восемь или шестнадцать, а диоды на старшие), так как триггеры прошли тестирование и. . .	Руководство по созданию бота для Телеграм на Python IT_Exp 04.01.2025 Боты для Телеграм представляют собой автоматизированные программы, которые выполняют различные задачи, взаимодействуя с пользователями через интерфейс мессенджера. В данной статье мы рассмотрим,. . .	Применение компонентов PrimeVue в Vue.js 3 на TypeScript BasicMan 04.01.2025 Введение в PrimeVue и настройка окружения PrimeVue представляет собой мощную библиотеку компонентов пользовательского интерфейса для Vue. js 3, которая предоставляет разработчикам богатый набор. . .
Как стать Senior developer cpp_developer 04.01.2025 В современной индустрии разработки программного обеспечения позиция Senior Developer представляет собой не просто следующую ступень карьерной лестницы, а качественно новый уровень профессионального. . .	Что известно о дате выхода Windows 12 и чего от нее ждать IT_Exp 04.01.2025 В мире технологий постоянно происходят изменения, и операционные системы не являются исключением. Windows 11, выпущенная в октябре 2021 года, принесла множество инноваций и улучшений, но. . .	Что новенького в .NET Core 9 Programming 04.01.2025 Обзор ключевых изменений в . NET Core 9 Платформа . NET Core продолжает активно развиваться, и версия 9 представляет собой значительный шаг вперед в эволюции этой технологии. Новый релиз. . .	Инструкция по установке python3.13.1 в Debian 12 AlexSky-coder 03.01.2025 sudo apt update sudo apt install build-essential zlib1g-dev libncurses5-dev libgdbm-dev libnss3-dev libssl-dev libreadline-dev libffi-dev wget. . .	Затестил триггеры. архив проекта прилагаю с GOA файлами в настройках архиватора проектов. Hrethgir 03.01.2025 В этот раз нет закольцованности, потому что от неё только глюки, как я понял, логика не вырезанная. Триггеры очень быстрые если верить измерениям с помощью анализатора от Gowin. Есть ещё регистры,. . .	Python в помощь DevOps IT_Exp 03.01.2025 Причины использования Python в работе DevOps Python стал неотъемлемой частью мира DevOps, и это не случайно. Этот язык программирования обладает множеством преимуществ, которые делают его. . .

@[FENIX] 1 / 1 / 2 Регистрация: 09.10.2009 Сообщений: 461
		1
	Не работает ajax-запрос 02.02.2019, 14:42. Показов 469. Ответов 5 Метки нет (Все метки) Всем привет. Хочу сделать страницу, на которой можно было бы отображать записи из БД MySQL, а также добавлять новые записи, удалять записи и изменять. Есть в БД вот такая вот таблица (на скриншоте). получение данных работает нормально, но вот удалить запись при клике на кнопку "удалиьб" почему то не получается. Посмотрите пожалуйста, что не так? Выложил всё вот сюда: http://v9061216.bget.ru/? Миниатюры 0

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	03.02.2019, 10:30	2
	это потому что в айди ничего не попадает Миниатюры 0

	03.02.2019, 19:38