|
0 / 0 / 0
Регистрация: 01.11.2013
Сообщений: 21
|
||||||
Динамическое обновление контента по таймеру. Как передать значения параметров?01.11.2013, 11:37. Показов 18111. Ответов 21
Метки нет (Все метки)
Добрый день,
Нашел такой скрипт для динамического обновления контента без перезагрузки страницы. Скрипт отрабатывает правильно, все обновляется по таймеру, но есть небольшая проблема. На странице show.php есть таблица с радио-кнопками (input type=radio), кнопки редактирования (input type=submit) и ссылки. Если запустить файл show.php, то все отрабатывает нормально, а при динамическом обновлении кнопки и ссылки не работают, и значения не передаются. Как это побороть не понятно.
0
|
||||||
| 01.11.2013, 11:37 | |
|
Ответы с готовыми решениями:
21
Динамическое обновление контента
|
|
|
|||||||||||
| 01.11.2013, 15:55 | |||||||||||
|
Все события для подгружаемых элементов должны быть привязаны делегированно с использованием on
Например
1
|
|||||||||||
|
Coding is art
540 / 423 / 154
Регистрация: 04.09.2013
Сообщений: 1,066
|
|
| 01.11.2013, 18:52 | |
|
убрав js обработку с формы.. пусть субмитется и обновляется страница, если не хотите так - см. пред. ответ
1
|
|
|
0 / 0 / 0
Регистрация: 01.11.2013
Сообщений: 21
|
||||||
| 03.11.2013, 22:03 [ТС] | ||||||
|
Спасибо, с кнопками более менее разобрался, но осталась одна проблема.
В контенте, который динамически обновляется по таймеру, выводится таблица, в которой один из столбцов это радиокнопки, чтобы можно было выбрать запись для редактирования, или других манипуляций с ней. У меня не получается передать значение этой радиокнопки (id записи), а без этого запись для редактирования не выбирается.
0
|
||||||
|
Coding is art
540 / 423 / 154
Регистрация: 04.09.2013
Сообщений: 1,066
|
|
| 03.11.2013, 22:21 | |
|
а что выдаёт $_POST['id'] ?? при отправке ?
я конечно со своей кукушки, но попробуйте name=id взять в ковычки name="id"..
0
|
|
|
0 / 0 / 0
Регистрация: 01.11.2013
Сообщений: 21
|
|
| 03.11.2013, 22:37 [ТС] | |
|
Может я не так выразился.
Есть файл show.php. в нем выводится таблица в которой три столбца (1-для выделения цветом, 2-информация, 3-радиокнопка) Этот файл динамически обновляется (использую скрипт описанный выше) Как работать с кнопками я разобрался, а как получить значение радиокнопки не понятно. Сам файл show.php полностью рабочий, но он сам автоматически и без перезагрузки страницы не обновляется. С этой формой работают два человека, и я хочу сделать так, чтобы при изменении одним, у другого тоже отображались изменения. Вариант обновления через meta или js по таймеру не подходит, т.к. на странице много записей и при перезагрузке браузер автоматически возвращает страницу в начало.
0
|
|
|
Coding is art
540 / 423 / 154
Регистрация: 04.09.2013
Сообщений: 1,066
|
|
| 03.11.2013, 23:37 | |
|
так.. обычно что бы достать значение радио кнопки используют:
$('input[name=radioName]:checked').val(); что бы уловить переключение: $('body').on('change', 'input[name=radioName]', function(){...}); Вот, а решить твою задачу можно: при заходе идёт ajax запрос страницы нужной (которая генерируется из базы данных или из файла берёт переменную).. Далее при нажатии или изменении инпута (или отправки формы) отправляется post запрос, который где-то обновляет эту переменную (либо в базе либо в файле записывает новую).. Далее идёт опять запрос к странице и выводиться уже с новым значением и у 1-го и у 2-го пользователя. Вопрос обновления данных решается путём получения страницы через setInterval .. ЗЫ: Я правда не знаю какие у тебя возвращаются данные из пост. запроса, но если нужно изменить вид, то можно получать только этот параметр и скажем добавлять класс, мол выводить таблицей или списком - можно менять заменяя класс.. Ну а если добавляется содержимое на сайт, то тогда выводить контент полностью.. Добавлено через 5 минут Напиши какая цель у тебя в получении и отправлении данных ( т.е. какие именно поля или что у тебя заменяется на что ?)
1
|
|
|
0 / 0 / 0
Регистрация: 01.11.2013
Сообщений: 21
|
|
| 04.11.2013, 23:43 [ТС] | |
|
Спасибо. Попробую.
Цель отправки и получения данных, это работа с таблицей. Вообще задумка - это программа Шеф - Секретарь. Есть два секретаря, которые вносят данные в таблицу, а шеф это все видит. На странице таблица с 3-мя колонками (выделение цветом, инфа, радиокнопка) и кнопки (добавить, удалить, редактировать) В случае необходимости возможно какие-то записи выделяются цветом, т.е. нажимают на радиокнопку, потом на нужный submit, и далее в зависимости от того на какую кнопку нажали, то с этой записью и происходит. Я понимаю, что в принципе ничего такого сверх естественного, но я не очень силен в js и ajax, поэтому возникли сложности.
0
|
|
|
0 / 0 / 0
Регистрация: 01.11.2013
Сообщений: 21
|
|
| 05.11.2013, 23:51 [ТС] | |
|
С радиокнопками разобрался. Большое спасибо.
С одной кнопкой submit тоже все работает, но у меня их на странице 6, нашел вариант когда для каждой кнопки нужно отдельно написать запрос, но это по моему не рационально. Если я правильно понял, то значение переменной присваивается по id кнопки, а не по полю name. Есть ли вариант присвоить переменной action значение той кнопки, на которую я нажимаю.
0
|
|
|
Coding is art
540 / 423 / 154
Регистрация: 04.09.2013
Сообщений: 1,066
|
||||||||||||
| 06.11.2013, 01:16 | ||||||||||||
|
Далее для каждой кнопки ты задаёшь класс (или атрибут по которому будешь улавливать субмит). Я бы сделал так: <input type="submit" data-submit="action_name" value="Сохранить" /> и в jQuery:
1
|
||||||||||||
|
0 / 0 / 0
Регистрация: 01.11.2013
Сообщений: 21
|
|
| 06.11.2013, 21:56 [ТС] | |
|
Спасибо, попробую
0
|
|
|
0 / 0 / 0
Регистрация: 01.11.2013
Сообщений: 21
|
|
| 09.11.2013, 12:51 [ТС] | |
|
Приветствую,
Чего-то с кнопками у меня никак не срастается. Два дня ковыряю, но заставить работать так и не получилось. Тренируюсь на "кошках", никак не могу понять, что не так. И еще вопрос, если я передаю данные через serialize, то значения радиокнопки, и полей username и msg тоже передаются или их нужно отдельно передавать. Файлы в аттаче
0
|
|
|
Coding is art
540 / 423 / 154
Регистрация: 04.09.2013
Сообщений: 1,066
|
|||||||||||||||||
| 09.11.2013, 14:39 | |||||||||||||||||
|
Далее в файле обработки тебе нужно вытаскивать значения из $_POST переменной.. т.е. делай следущее:
Так же посмотрел твой js - у тебя там написано не пойми что.. $('..').submit(function(){}); и $('body').on('submit', '...', function(){}) это одно и то-же, только 2-й вариант будет работать и с формами, которые вставились через ajax после загрузки страницы.. Как вариант тебе нужно добавить чекбокс при переключении которого будет меняться name="action" на 'delete' или 'create' или эе ты можешь сделать селект (или радио кнопку) с выбором действия, т.е. что-то типо такого:
Тебе нужно больше учить js и php!! PS: т.к. у тебя отправляется ajax запрос то methode и action к <form> можешь не дописывать.. но нужно указывать method: 'post' в js..
0
|
|||||||||||||||||
|
0 / 0 / 0
Регистрация: 01.11.2013
Сообщений: 21
|
|||||||||||||||||
| 13.11.2013, 17:02 [ТС] | |||||||||||||||||
|
Спасибо за критику.
Я не понимаю, что в этом коде не так. При нажатии на кнопку страница перезагружается, а не должна, и записи не добавляется, и не удаляются. Вариант с селектами неподходит, т.к. нужно будет на одну операцию больше делать. У меня две кнопки add и delete При нажатии на add, значение action=add должно передаться в action.php При нажатии на delete, значение action=delete должно передаться в action.php
0
|
|||||||||||||||||
|
|
|||||||||||||||||||||
| 13.11.2013, 18:52 | |||||||||||||||||||||
|
Страница перезагружается так как js код с ошибками, а значит он не исполняется
Например
Что есть .data('action') ? Возвращение заданного значения action для кликнутой кнопки, а Вы установили это значение ранее? И зачем оно Вам и что это за несуществующее значение? Зачем оно?
Отправка формы с перезагрузкой. Т.е. для кнопки вы отменяете стандартное действие, а форму всё равно отправляете с перезагрузкой submit() Если, как Вы пишите, нужно при клике по кнопке передать лишь add или delete, то сделайте кнопки такими
1
|
|||||||||||||||||||||
|
0 / 0 / 0
Регистрация: 01.11.2013
Сообщений: 21
|
|||||||||||||||||||||
| 13.11.2013, 23:39 [ТС] | |||||||||||||||||||||
|
Спасибо. Попробовал. Не получилось.
Все написал как сказали, но при нажатии на кнопки ничего не происходит. Я в панике. Неужели я так плох. файл index12.php
0
|
|||||||||||||||||||||
|
|
||||||||||||||||
| 15.11.2013, 15:40 | ||||||||||||||||
|
Вот это лишнее
Данные нужно записывать в переменные только после обработки
0
|
||||||||||||||||
|
0 / 0 / 0
Регистрация: 01.11.2013
Сообщений: 21
|
||||||||||||||||
| 15.11.2013, 16:33 [ТС] | ||||||||||||||||
|
Спасибо.
Внес правки, но всеравно при нажатии на кнопки ничего не происходит Почему-то данная конструкция не хочет работать.
Я его никак не могу конвертировать в UTF-8.
0
|
||||||||||||||||
|
|
||||||
| 15.11.2013, 16:50 | ||||||
|
On должно работать начиная с версии 1.7
На счёт конвертации в utf-8, посмотрите 1) в какой кодировке сохранён файл 2) в файле подключения к бд укажите кодировку
AddDefaultCharset UTF-8 4) посмотрите в какой кодировке бд и таблица
1
|
||||||
|
0 / 0 / 0
Регистрация: 01.11.2013
Сообщений: 21
|
|
| 15.11.2013, 16:59 [ТС] | |
|
Спасибо. Попробую.
А чем отличается on от bind? Я не силен в JS. До этого практически с ним не работал.
0
|
|
| 15.11.2013, 16:59 | |
|
Помогаю со студенческими работами здесь
20
AJAX Динамическое обновление контента Динамическое обновление контента на простом примере Динамическое обновление контента данными из json Динамическое обновление контента аля Facebook, Vkontakte и прочее Проверка на xmlhttprequest для ajax, динамическое обновление контента без перезагрузки страницы Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
||||
|
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Рецензия / Мнение
Это мой обзор планшета X220 с точки зрения школьника.
Недавно я решила попытаться уменьшить свой. . .
|
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта
Симптом:
После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
|
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
|
Новый ноутбук
volvo 07.12.2025
Всем привет.
По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне:
Ryzen 5 7533HS
64 Gb DDR5
1Tb NVMe
16" Full HD Display
Win11 Pro
|
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
|
|
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
|
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов
На странице:
https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/
нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
|
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов.
. . .
|
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
|
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
|