Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.70/10: Рейтинг темы: голосов - 10, средняя оценка - 4.70
psfdek
3 / 3 / 3
Регистрация: 23.01.2014
Сообщений: 170
1

Передача данных формы скрипту php посредством js (ajax)

29.01.2014, 13:22. Просмотров 1892. Ответов 4
Метки нет (Все метки)

Вопрос по ajax.

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php header('Content-type: text/html; charset=UTF-8'); ?>
<html>                                                                  
<head>  
<meta charset="UTF-8" />  
</head>
<body>                                                                                                             
<div>
    <fieldset>
        <legend>Вход на сайт</legend>
        <form action="script.php">
            <input name="login" type="text"/>
            <input name="password" type="password" />
                        <input name="ok" type="submit" value="Отправить"/>
        </form>
    </fieldset>
</div>
</body>
</html>
Как с помощью ajax передать данные формы в скрипт php не перезагружая страницу и затем вывести данные (т.е получить ответ и вывести на этой странице) не могу найти примера понятного. Спасибо.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
29.01.2014, 13:22
Ответы с готовыми решениями:

Передача данных с формы в AJAX запрос
как передать в AJAX запрос значение переменных из формы сюда data:...

передача данных из js в php через ajax
помогите, пожалуйста. Не получается сделать авторизацию. В консоли выводит: ...

Как передать данные из одинаковых форм php скрипту через AJAX?
Задача следующая: На странице 50 форм. Все они разные и имеют структуру:...

Передача данных в БД (ajax)
вот такой код сделал index.php &lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML...

Ajax передача данных через заголовки
index.html: var xhr = new XMLHttpRequest(); xhr.open(&quot;GET&quot;,...

4
kalabuni
Нарушитель
3280 / 2597 / 622
Регистрация: 18.04.2012
Сообщений: 7,825
29.01.2014, 13:29 2
1. форма (теги <form></form>) не нужна вовсе
2. кнопка <input type="submit"> тоже не нужна, замените на <input type="button">
3. всю необходимую вам информацию найдёте здесь
1
psfdek
3 / 3 / 3
Регистрация: 23.01.2014
Сообщений: 170
29.01.2014, 14:31  [ТС] 3
А не можете подсказать ссылку на демо или рабочие примеры. Заранее благодарю.

Добавлено через 9 минут
Цитата Сообщение от psfdek Посмотреть сообщение
А не можете подсказать ссылку на демо или рабочие примеры. Заранее благодарю.
Еще пример: Есть форма в которой мы вводим А и Б числа, по нажатию кнопки они отправляются странице script.php и потом выводятся на странице под формой в блоке div с id result без перезагрузки страницы.
0
kalabuni
Нарушитель
3280 / 2597 / 622
Регистрация: 18.04.2012
Сообщений: 7,825
29.01.2014, 14:52 4
Цитата Сообщение от psfdek Посмотреть сообщение
Есть форма в которой мы вводим А и Б числа, по нажатию кнопки они отправляются странице script.php и потом выводятся на странице под формой в блоке div с id result без перезагрузки страницы.
у вас что-то с головой?
я вам написал первым пунктом: форма (теги <form></form>) не нужна вовсе

но вы с упрямством барана перед новыми воротами пишете пример "есть форма..."?

Добавлено через 8 минут
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
function myFUNC ()
{
var hR = ('v' == '\v') ? new ActiveXObject ('Microsoft.XMLHTTP')
                       : new XMLHttpRequest ();
hR.open ('get', 'file1.php?' + encodeURIComponent (document.getElementById ('a').value) + '&' +
                               encodeURIComponent (document.getElementById ('b').value) );
hR.onreadystatechange = function ()
   {if (hR.readyState == 4) document.getElementById ('r').innerHTML = hR.responseText}
hR.send (null);
}
</script>
 
<input id="a"> <input id="b" type="hidden">
<input type=button" value="Send" onclick="myFunc ()">
<div id="r"></div>
файл file1.php
PHP
1
2
3
4
5
6
7
8
9
10
11
<?php
$query_str = $_SERVER['QUERY_STRING'];
list ($log, $pas) = split ('&', $query_str);
 
// делаете то, что нужно с переменными $log и &pas
// и как результат, формируете СТРОКУ символов $result,
// где будет прописано то, что вам нужно вывести в контейнере <DIV>
 
header ("Content-type: text/html; charset=utf-8");
print $result;
?>
0
psfdek
3 / 3 / 3
Регистрация: 23.01.2014
Сообщений: 170
29.01.2014, 22:43  [ТС] 5
Во второй раз я имел ввиду не тег формы, а просто форму отправки данных.
0
29.01.2014, 22:43
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
29.01.2014, 22:43

Передача данных из ajax запроса к бд в input
Здравствуйте. Есть select со списком кафедр. Нужно, чтобы при выборе кафедры в...

Проверка формы и передача управление php
Имеется форма &lt;!-- Добавить комментарий --&gt; &lt;p style='color: #8C0209;...

Передача параметров скрипту
Добрый день, есть скрипт // разрешить замену ссылок var enable_relink = 1;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru