Задать вопрос
Isolution666
@Isolution666
Full-Stack Developer
javascript

Обновление записи по ajax в БД по клику id div блока, как реализовать?

Здравствуйте.
---
Предыстория: есть кнопка
<a href="#add" id="add" data-method="post" class="btn btn-default"> добавить </a>

При клике через модель должна отправиться информация в базу данных с добавлением новой информации без перезагрузки страницы по айдишнику ))) Я знаю что можно передавать информацию по id не используя <form>

Вопрос: Как это реализовать через Pjax? Как выводить в модели передаваемые параметры я знаю, а как без формы по айди через ajax вносить записи в БД пока не знаю. Пожалуйста, товарищи программисты, укажите на путь истенный, и не введите во искушение писать говнокод, ибо чтить хочу MVC и ООП до конца написания кода своего.
--
Благодарю за отзывчивость и компетентные ответы заранее.

P.S. в Yii2 есть data команды, которые использует javascript, например, чтобы выйти из админки, в кнопке есть команда data-method="post" без которой не может прерваться сессия, если убрать, вылезет ошибка, так же попадались команды по типу data-pjax
Очевидно разработчики учли такой способ отправки, потому как в подобных кнопках вообще не наблюдается тег form, его там вообще нет. Я так же заметил, что в контакте тоже не пользуются формами, всё отправляют блоки, через ajax и javascript. Очевидно используется технология ReactJS, я могу ошибаться. Где брать знания? Где материал по такому способу передачи данных?
  • Вопрос задан
  • 1644 просмотра
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
Isolution666
@Isolution666 Автор вопроса
Full-Stack Developer
Для тех, кто искал! Этот метод называется .submit()
<script type="text/javascript">
   $(document).ready(function () {
	   $("#yellow").click(function() {
		         $("#act form").submit();
	   });
   });
</script>


Смысл заключается в том, что вы оборачиваете form в id (чтобы скрипт не реагировал на другие формы) и указываете на что должен реагировать скрипт при заполнении формы, можно использовать .change() или .bind() - если через input, и .click() - если хотите передать через span или div.
Хочу заметить, что с этим заданием хорошо справляется Vue.js

<div id="act">
        <form action="" method="post" data-ajax="post">
             <input type="text" id="yellow" name="param">
             <input type="submit" value="send">
        </form>
   </div>


Подкрепите это всё ajax , скройте кнопку submit, и форма будет отправлять сразу, как только вы кликнули чекбокс, или выбрали селект, или указали цифру, для других решений лучше это не делать.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
@forgetable
Node/Flutter/C++
Вы не совсем правильно понимаете, как это всё происходит, мне кажется. Нет такой команды, которая возьмёт и добавит всё в базу. На клиенте вам нужно поймать onclick события(читайте javascript события), потом передать какие-то данные на сервер через XMLHttpRequest / более новый fetch, затем обработать их любым серверным языком, в том числе серверным javascript, и через него добавить их в базу. Если не хочется писать говнокод - лучше не использовать jQuery и прочие тяжеловесные и бессмысленные на данном этапе фреймворки.

Кстати, оборачивать кнопку в ссылку вам не нужно - ссылки нужны только тогда, когда нужно увести пользователя на другую страницу с перерисовкой.
Ответ написан
1 комментарий
1 комментарий
proudmore
@proudmore
Честно говоря, абсолютно не понятно, что именно вам надо добавлять, и что значит
передавать информацию по id не используя <form>

Давайте начнем с простого - откуда вы будете получать данные?
Ответ написан
3 комментария
3 комментария
@deemaagog
используя jquery просто
$.ajax
можете параметром передать свой id
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Скрыть / убрать лишние поля в форме заказа
19 апр. 2024, в 07:30
1500 руб./в час
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Ещё заказы