Форма отправить данные в базу данных SQL без перезагрузки страницы (jQuery / PHP?), А затем изменить содержимое div

0

В настоящее время эта форма

<div id="subfooter">
<form name="subscribe" method="post">
<input type="email" placeholder="e-mail address">
<input type="submit" value="Subscribe">
</form>
</div>

У меня также есть другая страница с именем "_add_subscriber.php", которая имеет правильную информацию, чтобы взять данные $ _POST и вставить ее в SQL.

Также у меня есть 2 формы на моей странице. (каждый с разными идентификаторами).

Теперь мой вопрос...

Когда нажата кнопка отправки формы: подписаться, я хочу опубликовать данные, скрытые на этой странице _add_subscriber.php, таким образом, введите данные в базу данных. (Не обновляющаяся страница!) Я также нажимаю, хочу заменить содержимое "подставщика" Div чем-то вроде...

<span>thanks for subcribing</span>

Таким образом, скрывается исходная форма.

Надеюсь, это имеет смысл, я смотрю на другое решение, но не понимаю, как они собирают данные из этой конкретной формы. Хотя, похоже, это, как правило, является признаком того, что PHP + jQuery может выполнить все вышеперечисленные действия для меня!

  • 0
    Посмотрите на функцию $.post .
  • 0
    То, что вы, похоже, ищете, это ajax. У jQuery есть хорошая документация об их функции ajax и ее использовании api.jquery.com/jQuery.ajax
Теги:
forms

2 ответа

0

Настройка HTML-кода

<form name="subscribe" method="post" action="_add_subscriber.php">

Простая функция Ajax, которую я использую для представлений форм.

$('#subfooter form').on('submit', function() {

    var $form = $(this);

    $.ajax({
        url: $form.attr('action'),
        type: $form.attr('method'),
        data: $form.serialize(),
        success : function(data) {
    // console.log(data);
    // $('span').show(); // etc
  }
    });

    return false;
});
  • 0
    Это похоже на то, что я ищу. Я помещаю функцию Ajax в файл .js и включаю его? Тогда просто добавить нормальный JQuery включить тоже? Наконец, эти переменные $ form и $ (this) нужно изменить или нет? Я вижу, что они уже ссылаются на мой DIV. Кроме того, как я могу изменить содержание моего div на «спасибо за подписку» после клика - чтобы они знали, что оно было получено как таковое?
0

Взгляните на Jquery Serialize.

  • 0
    Означает ли сериализация, что я должен получать свои данные, используя Get, а не Post?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню