VPF::jQuery-3.0.0 глюк - Форум программистов

kamnerobot

Дата 14.7.2016, 02:24 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 15
Регистрация: 30.5.2010

Репутация: нет
Всего: нет

       Использую jQuery-3.0.0(в мануале была более старая версия), в данном примере по клику на кнопке, скрипт берёт значения двух полей формы, передаёт их в test.php. Который отдаёт их строкой обратно и полученная строка отображается в единственном на странице диве.

        Строку от test.php я получаю, она отображается в диве, но всего на долю секунды и тут же исчезает. В чём может быть косяк?

   *Это код в страницы:*

Код


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery Lesson 2</title>
    <script type="text/javascript" src="jquery-3.0.0.min.js"></script>
    <script type="text/javascript">

        function f(){
            var fio = $("#fio").val();
            var summer = $("#summer option:selected").val();
            var str = "fio="+fio+"&summer="+summer;
            var otvet=" ";
            $.ajax({
                type: "POST",
                url: "test.php",
                dataType: "text",
                data: str,
                success: function(msg){
                   $("div").html(msg);
                }
            });
        }


    </script>
</head>
<body>
<div></div>
<form method="POST">
    Введите ФИО <br />
    <input type="text" id="fio" /><br />
    Где вы планируете отдыхать этим летом?<br />
    <select id="summer">
        <option value="rus">Россия</option>
        <option value="france">Европа</option>
        <option value="china">Азия</option>
    </select><br /><br />
    <button class="submit" onclick="f()">Отправить</button>
</form>
</body>
</html>

*А это test.php*

Код


<?php
echo 'Получено ' . $_POST[fio] .' ' .$_POST[summer];
?>

Заранее спасибо

igorold

Дата 14.7.2016, 09:22 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 557
Регистрация: 22.12.2005
Где: Россия->Урал-& gt;Миасс

Репутация: нет
Всего: 17

Попробуй так:

Код


<form method="POST" onsubmit="return false">

Этот ответ добавлен с нового Винграда - http://vingrad.com

kamnerobot

Дата 14.7.2016, 12:00 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 15
Регистрация: 30.5.2010

Репутация: нет
Всего: нет

не помогло

Этот ответ добавлен с нового Винграда - http://vingrad.com

kamnerobot

Дата 14.7.2016, 12:02 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 15
Регистрация: 30.5.2010

Репутация: нет
Всего: нет

А не, не туда вставил,. Помогло! спасибо
А почему так происходит? физика процесса интересна

Этот ответ добавлен с нового Винграда - http://vingrad.com

igorold

Дата 14.7.2016, 12:38 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 557
Регистрация: 22.12.2005
Где: Россия->Урал-& gt;Миасс

Репутация: нет
Всего: 17

физика элементарная - по нажатию поля с типом submit, ваша форма просто обновляется ... а в обновленной форме ваш див пустой.
Но перед этим "успевает прорисоваться", а потом вы возвращаетесь к исходному состоянию.

Этот ответ добавлен с нового Винграда - http://vingrad.com

kamnerobot

Дата 14.7.2016, 22:14 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 15
Регистрация: 30.5.2010

Репутация: нет
Всего: нет

Спасибо

Этот ответ добавлен с нового Винграда - http://vingrad.com

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »