JQuery: Функция AJAX-изменения значения в элементе

Есть какое-то значение внутри div, по клику на него появляется форма с вводом значения и кнопка «отправить».

По работе очень часто приходится сталкиваться со следующим куском кода, кочующим из проекта в проект, поэтому решил посвятить ему пост.

Принцип работы

Есть div со значением внутри. По клику появляется форма, в которой подставлено значение и кнопка GO. Изменяем значение, кликаем на GO, либо нажимаем Enter, форма убирается и в ячейке остаётся новое значение.

Код

Подключаем jquery:

Основной html:

Пишем css:

Пишем js:

В примере при отправке отправляются на скрипт «assets/ajax_change_znach.php» значения родительского div: nazvid, date, id и val = значению в input. Скрипт что-то с ними делает и отдаёт json, в котором success=1, например, такой:

Готово.

AJAX — это будущее?
СогласенНе согласен

Оцените статью!

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Для отправки сообщения выберите лишнее изображение