JQuery сбрасывает мой Div контент

Question

JQuery сбрасывает мой Div контент

0

Я пытаюсь изменить содержимое div, используя jquery. но содержимое мигает и сбрасывает div. Я не могу использовать return false; потому что есть еще одна кнопка для значения текстового поля. Я хочу сохранить изменения div. вот мой код:

<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="jquery.js"></script>

</head>
<body>

    <div>
        <form id="form" method="POST">
            <input type="text" name="gname" id="gname"/></br>
            <button id="btn">Set</button>
            <button id="nbtn">View</button>
        </form>
    </div>
    <div id="outp">

    </div>
</body>
<script>
    $("#btn").click(function(event) {
        $.post("send.php", {
            named: $("#gname").val()}, function(data) {
            alert(data);
        });
    });

</script>

<script>
    $("#nbtn").click(function(e) {

        $("#outp").html("<?php include './view.php'; ?>");

    });
</script>

Janaka Dombawela 06 март 2014, в 11:28

Источник

0

Сначала исправьте элемент - должно быть 
user2728841 06 март 2014, в 09:40
0

В вашем коде $ ("# outp"). Html (" Мой новый текст "); проверь и посмотри что получится
noobcode 06 март 2014, в 09:42

Теги:

php

jquery

html

3 ответа

2

Любые кнопки внутри формы считаются кнопками submit.

Поэтому вам нужно добавить event.preventDefault() в ваш .click код.

Кроме того, почему ваши скрипты находятся вне раздела body?

Eternal1 06 март 2014, в 07:28

-1

Вы можете попробовать с ajax и поймать успех и ошибку:

$("#btn").click(function() {
    var named: $("#gname").val();
    $.ajax({
        url: 'send.php',
        type: 'POST',
        data: {param1: 'value1'},
    })
    .done(function(data) {
        console.log("Post success"+data);
    })
    .fail(function() {
        console.log("Post error"+data);
    });     
});

El Flaco 06 март 2014, в 07:43

Ещё вопросы

Сначала исправьте элемент - должно быть
В вашем коде $ ("# outp"). Html (" Мой новый текст "); проверь и посмотри что получится

T.J. Crowder · Accepted Answer · 2014-03-06T08-39-00.000Z

Это не jQuery; это то, что ваша форма публикуется. Итак, ваше изменение сделано, но затем форма публикуется и страница обновляется с сервера.

Тип button умолчанию - "submit". Чтобы сделать одну или обе эти кнопки только одной кнопкой, используйте type="button".

Кроме того, если вы хотите разрешить использование формы, когда JavaScript отключен (например, разрешить ее отправку в обычном режиме), оставьте кнопки в качестве кнопок отправки, но запретите отправку формы с использованием JavaScript. Например:

$("#form").submit(false); // Prevents the form being submitted in the normal way.

Thanx. это помогло. убрал тег формы и все работает.
@ user3383167: :-) Это еще один способ, если вам не нужен запасной вариант для браузеров с отключенной поддержкой JavaScript.