Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.02.2017, 23:38
Новичок на форуме
Отправить личное сообщение для NaMoRZA Посмотреть профиль Найти все сообщения от NaMoRZA
 
Регистрация: 17.02.2017
Сообщений: 3

Всплывающее окно ответа на отправку формы (js/php)
Здравствуйте, уважаемые.
Неделю назад появилась потребность создания формы с отправкой данных через обработчик и выводом результата обработки пользователю. Так как до этого из интернет-технологий знал html и css, то неделю рыскал по сети, немного нахватался начальных знаний php и немного js.
Соорудил все из того, что надо, только не понимаю как сделать, чтобы ответ не просто приходил в html, а появлялся во всплывающем окне. Помогите пож-та.
Код формы (ajax.php):
<script type="text/javascript">
        $(function () {
            $('#form_id').submit(function(e){
                e.preventDefault();
                var data = $(this).serialize();
                $.ajax({
                    url:'reg.php',
                    type:'post',
                    data:data,
                    success:function(res){
                        $('#result').html(res);
                    }
                })
            })
        })
    </script>
 
<form id="form_id" method="post">
        <input type="hidden" name="data1" value="<?=$ip?>">
        <label class="form_label">Ф.И.О.:</label>
            <input type="text" name="name" placeholder="Введите имя" pattern="[a-zA-Zа-яА-ЯёЁіІїЇєЄ]+\s[a-zA-Zа-яА-ЯёЁіІїЇєЄ]{2,64}|[a-zA-Zа-яА-ЯёЁіІїЇєЄ]{2,64}" required title="Разрешены только буквы">
        <label class="form_label">Телефон:</span></label>
            <input type="text" name="phone" placeholder="Введите телефон" pattern="[+]{1}[0-9]{5,15}|[0-9]{5,14}" required title="Разрешены только цифры">
        <button type="submit" name="sub">Ok</button>
    </form>
    
    <div id="result"></div>


Сокращенный код скрипта-обработчика (reg.php):
<?php
echo 'name-'.$_POST['name'].'<br>'.'phone- '.$_POST['phone'];
?>

Спасибо заранее.

ps: Понимаю, что должно быть просто, но рыская дальше по форуму и интернету ничего не могу человеческого найти, а то, что нахожу - больше похоже на костыли..( Может не так ищу, не знаю, но за неделю уже голова кипит от количества информации – сплошная каша из php/js/html/css..(( и никак не могу понять как это сделать.
PS2: Файл с формой на самом деле в несколько раз больше, а в reg.php почти 100 строк (php мне далось проще всего), – здесь показал сокращенный вариант для простоты.

Последний раз редактировалось NaMoRZA, 18.02.2017 в 17:21. Причина: Добавление обьяснения
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Всплывающее окно при отправке формы veg Общие вопросы Javascript 11 20.01.2017 10:44
Как сделать всплывающее окно по центру экрана? jslgogo Общие вопросы Javascript 8 26.08.2014 09:18
Всплывающее окно Rooner jQuery 1 23.04.2014 13:15
Ячейка как ссылка (всплывающее окно на jquery)? Алекс-ми Javascript под браузер 0 17.05.2013 18:58
Всплывающее окно - надо задать границы Anton-CS Элементы интерфейса 0 18.07.2011 10:55