Динамически загружать значения форм и отправлять одновременно?

Question

У меня есть форма переключателей радио (да / нет), которые я хочу иметь динамически обновлять значения, когда люди нажимают на значения.

Так, например, если пользователь нажимает на переключатель «Нет», jQuery должен немедленно передать значение в мой PHP, который обновит мою базу данных в этот момент.

Это должно идти обоими путями, то есть при первой загрузке формы она будет извлекать данные в обратном порядке из моей формы PHP, которая будет запрашивать базу данных, а затем обновлять форму с правильными значениями Да / Нет.

У меня уже подготовлен бэкэнд PHP / Mysql. Чего я не могу понять, так это как сделать часть jQuery для отправки значений на лету, и в то же время при начальной загрузке он извлечет значения и заполнит мою форму правильными / текущими значениями.

Спасибо!

Answer 1

Есть много способов сделать это, но самый простой выглядит следующим образом:

1. Установите начальные значения на странице HTML с помощью PHP.

2. Используйте jQuery для добавления обработчика щелчков к переключателям.Обработчик щелчков будет использовать метод $.get() или $.post() для отправки асинхронного запроса на сервер.Обратите внимание, что не - это то же самое, что и отправка формы - она ​​не перезагружает страницу и вообще не включает form.

3. AJAX-запрос отправляется на страницу PHP на сервере, который принимает запрос, выполняет любую необходимую проверку, обновляет базу данных и (обычно) отправляет обратно сообщение об успехе или ошибке.

Код jQuery может выглядеть так: http://jsfiddle.net/nrabinowitz/PyN7v/2/