|
42 / 42 / 13
Регистрация: 21.08.2011
Сообщений: 625
|
||||||||||||||||
Ajax отправка нескольких полей формы13.11.2012, 16:17. Показов 5598. Ответов 26
Метки нет (Все метки)
Здравствуйте!
Учусь по учебнику "Бретт Маклафлин - Изучаем Ajax". Прочел половину и не пойму, то ли я такой недалекий, то ли книга такая тяжелая. Вопрос. Каким образом, отправить несколько полей формы. И более того, как вытащить и использовать возвращенный сервером резутат. Вот простейший код. Файл Index.php(Форма):
Файл result.php:
Функция replaceText() берется из файла text-utils.js. Она вставляет пришедшие данные в строку yes. Запись var rnd = Math.floor(Math.random( ) * (9999999+1)) - я добавил сам, чтобы url всегда был разным. Я не пойму одного. Как принять и обработать те данные, которые у нас приходят после обработки скриптом result.php. В этом примере, представлена форма, с одним полем login. А если этих полей 10. Передать то их можно. Если я не ошибаюсь, для этого просто достаточно дописать переменную url, в функции getResult(). А вот как принять все эти 10 полей, после обработки их на стороне сервера? Чтобы каждое поле можно было обработать индивидуально. Если, скажем, в одном из этих полей, есть ошибка, вывести соответствующую ошибку. Итд. Вот такой вот вопрос. Изначальная цель : Хочу перевести форму регистрации у себя на сайте, в более быстрый вариант(без перезагрузки страницы) с использованием ajax.
0
|
||||||||||||||||
| 13.11.2012, 16:17 | |
|
Ответы с готовыми решениями:
26
Отправка формы AJAX Ajax отправка формы
|
|
603 / 578 / 103
Регистрация: 16.07.2012
Сообщений: 1,762
|
||
| 14.11.2012, 15:07 | ||
|
любые данные приходящие из вне обязательно нужно проверять не зависимо от того проверялись ли они js или нет
проверку у клиента можно сделать для того что б не грузить сервер заведомо неправильными запросами, но все равно на сервере их нужно проверять опять Добавлено через 40 секунд
1
|
||
|
42 / 42 / 13
Регистрация: 21.08.2011
Сообщений: 625
|
|||||||||||||||||
| 14.11.2012, 15:36 [ТС] | |||||||||||||||||
Пример:
На php, без использования ajax, у себя на сайте, я бы это сделал примерно вот так:
Вот пример того, как вывести на страницу, одиночный резутат, в результате успешного выполнения ajax запроса:
0
|
|||||||||||||||||
|
603 / 578 / 103
Регистрация: 16.07.2012
Сообщений: 1,762
|
|
| 14.11.2012, 15:39 | |
|
ну так назад тоже массив возвращайте
1
|
|
|
42 / 42 / 13
Регистрация: 21.08.2011
Сообщений: 625
|
||||||||||||
| 14.11.2012, 17:05 [ТС] | ||||||||||||
Господи, сегодня целый день с этой фигней вожусь. Добавлено через 24 минуты Функция append() вставляет содержимое. Но как, вставлять, пришедший результат опять же не понятно.
0
|
||||||||||||
|
603 / 578 / 103
Регистрация: 16.07.2012
Сообщений: 1,762
|
|
| 15.11.2012, 01:14 | |
|
0
|
|
|
31 / 31 / 2
Регистрация: 06.08.2012
Сообщений: 155
|
||||||||||||||||
| 15.11.2012, 16:17 | ||||||||||||||||
|
Книга шлак, выкиньте её и скачайте\купите нормальную.
Да и вообще, зачем вам учиться говнокоду, если можно всё реализовать красиво через jQuery? В данном случае вам нужно объявить переменные и поместить в них данные.
Берем селектор input и добавляем фильтр [name*="xxx"], чтобы получить введенное значение считываем поле value методом val() и результат этих действий сохраняем в переменной login. После выполнения вызываем callback-функцию, которая выведет результат в элемент с id="yes". Функция html(data) заменяет всё внутри элемента на data - возвращаемое значение. Не забудьте отменить отменить стандартное поведение submit'a через return false; и не забудте подключить библиотеку jQuery. Добавлено через 4 минуты Ну а как обрабатывать? Да как угодно.
И так хоть со ста переменными.
1
|
||||||||||||||||
|
42 / 42 / 13
Регистрация: 21.08.2011
Сообщений: 625
|
|
| 15.11.2012, 18:49 [ТС] | |
|
Вы правы. На jquery все это реализуется гораздо быстрее. Сегодня перевел форму регистрации у себя, на jquery.ajax. Получилось отлично. Страница не перезагружается. Пользователи, будут чувствовать себя комфортнее.
![]() Кстати, вот тут, добрый человек, мне посоветовал способ реализации данной задачи: jquery.ajax поле - data:
0
|
|
| 15.11.2012, 18:49 | |
|
Помогаю со студенческими работами здесь
27
Отправка формы без перезагрузки страницы (AJAX) Отправка формы без перезагрузки страницы Ajax AJAX: Отправка параметров из формы. [?Как это сделать?]
Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога
Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
|
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога
Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
|
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
|
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога
В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
|
|
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога
Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
|
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога
Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
|
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога
Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
|
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования.
Часть библиотеки BedvitCOM
Использованы. . .
|