Сохранения данных в личном кабинете пользователя без перезагрузки страницы

[infly32]

Добрый день, Подскажите, можно ли сделать так чтоб в личном кабинете пользователя при сохранении данных (например пароля, имени , почты, рассылки) не перезагружалась страница. 

Я перенесла все страницы с личного кабинета на одну страницу account.

То есть то что было по разным страницам: изменение пароля,  данных, рассылка, история заказа у меня теперь на одной. Сейчас все работает но страница перезагружается

Нужно при нажатии на кнопку сохранить , страница не перезагружалась, а данные сохранялись, может как то на ajax

 

[spectre]

48 минут назад, infly32 сказал:

как то на ajax

 

Да, именно так

[infly32]

<form action="{{ action }}" method="post" enctype="multipart/form-data" class="form-horizontal">
  <fieldset>

    <div class="required">
      <label  for="input-password">{{ entry_password }}</label>

      <input type="password" name="password" value="{{ password }}" placeholder="{{ entry_password }}" id="input-password"  />
      {% if error_password %}
      <div class="text-danger">{{ error_password }}</div>
      {% endif %}

    </div>

    <div class="required">
      <label  for="input-confirm">{{ entry_confirm }}</label>

      <input type="password" name="confirm" value="{{ confirm }}" placeholder="{{ entry_confirm }}" id="input-confirm"  />
      {% if error_confirm %}
      <div class="text-danger">{{ error_confirm }}</div>
      {% endif %}

    </div>
  </fieldset>
  <div class="buttons clearfix">


    <input type="submit" value="Сохранить" class="mybtn" />

  </div>
</form>

А можно как то через ajax передать то что что содержится в {{ action }} здесь путь на обработчик, он в переменной, могу я ее как то в скрипт записать? 

[ArtValensky]

В 18.08.2020 в 21:34, infly32 сказал:

А можно как то через ajax передать то что что содержится в {{ action }} здесь путь на обработчик, он в переменной, могу я ее как то в скрипт записать? 

 

форма

<form action="index.php?module=register&actionregister" method="post" id="MyForm">
      <input>[...]</input>
</form>

jquery

 

$.ajax({
        type     : "POST",
        cache    : false,
        url      : $('#MyForm').attr('action'),
        data     : $('#MyForm').serializeArray(),
        success  : function(data) {
            $(".printArea").empty().append(data).css('visibility','visible');
        }
});

если прям лень вешать слушатели на кнопку и т.д

 

поможет всё по запросу "form action ajax"

Змінено 26 серпня 2020 користувачем ArtValensky

[infly32]

14 часов назад, ArtValensky сказал:

 

форма

<form action="index.php?module=register&actionregister" method="post" id="MyForm">
      <input>[...]</input>
</form>

jquery

 

$.ajax({
        type     : "POST",
        cache    : false,
        url      : $('#MyForm').attr('action'),
        data     : $('#MyForm').serializeArray(),
        success  : function(data) {
            $(".printArea").empty().append(data).css('visibility','visible');
        }
});

если прям лень вешать слушатели на кнопку и т.д

 

поможет всё по запросу "form action ajax"

Спасибо))