0 / 0 / 0
Регистрация: 27.07.2018
Сообщений: 80
|
|||||||||||
1 | |||||||||||
Отправка GET запроса без перезагрузки страницы03.01.2019, 21:17. Показов 13454. Ответов 21
Метки нет (Все метки)
Здравствуйте! Столкнулся с такой проблемой как отправка формы без перезагрузки страницы методом GET
Например есть форма
Сейчас она работает так (форма отправляется на server.php и результат отображается там же) Как получить результат без перезагрузки страницы во всплывающем окне Вот код всплывающего окна
0
|
03.01.2019, 21:17 | |
Ответы с готовыми решениями:
21
Отправка post запроса без перезагрузки страницы Отправка формы без перезагрузки страницы Отправка e-mail без перезагрузки страницы Загрузка данных из другой страницы без перезагрузки основной страницы |
24 / 18 / 9
Регистрация: 27.04.2017
Сообщений: 122
|
||||||
03.01.2019, 21:55 | 2 | |||||
при отправке формы нативное поведение браузера - полный рефреш страницы (при котором в URL также добавляется query string)
Чтобы отключить это дефолтное поведение - на объекте события вызываем метод e.preventDefault() Например, вот так
0
|
0 / 0 / 0
Регистрация: 27.07.2018
Сообщений: 80
|
|
03.01.2019, 22:02 [ТС] | 3 |
можете обьяснить что значит (#name-form)
?
0
|
24 / 18 / 9
Регистрация: 27.04.2017
Сообщений: 122
|
|
03.01.2019, 22:09 | 4 |
это просто пример из моего кода
это форма с id="name-form", которую выбираем по CSS-селектору и вешаем на неё обработчик события
0
|
0 / 0 / 0
Регистрация: 27.07.2018
Сообщений: 80
|
|
03.01.2019, 22:11 [ТС] | 5 |
Теперь кнопка не активна.
Кликаю на нее и ничего не происходит
0
|
24 / 18 / 9
Регистрация: 27.04.2017
Сообщений: 122
|
|
03.01.2019, 22:13 | 6 |
вешать обработчик надо на форму, а не кнопку
0
|
0 / 0 / 0
Регистрация: 27.07.2018
Сообщений: 80
|
|||||||||||
04.01.2019, 06:27 [ТС] | 7 | ||||||||||
ага.
Открывается модальное окно, но результат не выводит. Кажись таким образом server.php не может получить данные из формы для выдачи результата Добавлено через 8 часов 9 минут в случае указания
Если же указать
А этот результат нужно вывести в модальном окне. Подскажите как правильно сделать?
0
|
2034 / 1093 / 408
Регистрация: 29.04.2016
Сообщений: 2,612
|
|||||||||||||||||||||
05.01.2019, 11:26 | 8 | ||||||||||||||||||||
User797,
Лень разбираться с вашим всплывающим окном fancyBox- поэтому сделал обычный див, куда и выводится ответ от сервера. Переделаете, если нужно, что бы данные выводились в ВАШ fancyBox. Посмотреть "в живую" можете тут -> http://some-test.onlinewebshop... jquery/02/ Введите что-нибудь в первое поле и нажмите отправить, то что вывелось большими буквами и есть ответ от сервера -> отправили все инпуты на сервер, там обработали, вернули ответ обратно на страницу без перезагрузки. index.php
Нуу... это как пример...
0
|
05.01.2019, 22:48 | 9 |
Так для этого ж AJAX используют. Собственно говоря, как правило, именно для этого. Там надо указать method GET, да и все. А если без AJAX, то
Добавлено через 2 минуты
То, что придет от сервера по AJAX-ответу, записываете в какую-нибудь переменную, а ее значение выводите в div - модальное окно.
0
|
0 / 0 / 0
Регистрация: 27.07.2018
Сообщений: 80
|
|
08.01.2019, 22:11 [ТС] | 10 |
Выручайте) никак не могу сделать get запрос без перезагрузки страницы.
То есть, есть форма в которую которую пользователь должен заполнить, далее эти данные отправляются методом GET на страницу server.php где и происходит вывод информации. Так вот мне надо получить вывод информации не на странице server.php а на самой странице с формой то есть index.php без перезагрузки страницы. Буду рад любому совету
0
|
0 / 0 / 0
Регистрация: 27.07.2018
Сообщений: 80
|
|
09.01.2019, 07:57 [ТС] | 11 |
Вы получается передаете только первый input name="name0"
А как передать все сразу?
0
|
2034 / 1093 / 408
Регистрация: 29.04.2016
Сообщений: 2,612
|
||||||
09.01.2019, 09:19 | 12 | |||||
Все данные с формы уходят а не только name="name0"
script.js -> 14 строка -> вместо $('.fancyBox').html(result.name0); напишите $('.fancyBox').html(result.name1); 2, 3 и так далее Добавлено через 1 минуту вам будет понятней если переписать script.js вот так:
только шрифт поменьше сделайте в css а то не все видно...
0
|
2034 / 1093 / 408
Регистрация: 29.04.2016
Сообщений: 2,612
|
|
09.01.2019, 09:24 | 13 |
0
|
2034 / 1093 / 408
Регистрация: 29.04.2016
Сообщений: 2,612
|
|
09.01.2019, 09:28 | 14 |
User797, разобрались?
0
|
0 / 0 / 0
Регистрация: 27.07.2018
Сообщений: 80
|
|
09.01.2019, 09:32 [ТС] | 15 |
0
|
2034 / 1093 / 408
Регистрация: 29.04.2016
Сообщений: 2,612
|
|
09.01.2019, 09:38 | 16 |
User797,
а css-стили вы почему не прописали в styles.css? Добавлено через 38 секунд Он у вас вообще пустой
0
|
0 / 0 / 0
Регистрация: 27.07.2018
Сообщений: 80
|
|
09.01.2019, 09:40 [ТС] | 17 |
Mr_Sergo,
Все равно не работает
0
|
2034 / 1093 / 408
Регистрация: 29.04.2016
Сообщений: 2,612
|
|
09.01.2019, 09:42 | 18 |
User797,
Пробуйте -> http://some-test.onlinewebshop... jquery/03/ Добавлено через 35 секунд Работает?
0
|
0 / 0 / 0
Регистрация: 27.07.2018
Сообщений: 80
|
|
09.01.2019, 09:43 [ТС] | 19 |
Mr_Sergo,
Мистика? У вас работает у меня нет
0
|
2034 / 1093 / 408
Регистрация: 29.04.2016
Сообщений: 2,612
|
|
09.01.2019, 09:44 | 20 |
Сообщение было отмечено User797 как решение
Решение
User797,
Целиком залейте себе на сервер.zip
1
|
09.01.2019, 09:44 | |
09.01.2019, 09:44 | |
Помогаю со студенческими работами здесь
20
Динамическая подмена контента страницы по клику на ссылку, без перезагрузки всей страницы Подмена контента страницы по клику на ссылку меню, без перезагрузки всей страницы Отправка одного поля без перезагрузки Отправка формы без перезагрузки страницы Отправка формы без перезагрузки страницы Отправка почты без перезагрузки страницы Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |