Как по кнопке формы обновить страницу, а потом передать post запросом данные?

Question

[Виктор Викторов]

Добрый день!
У меня стоит задача средствами JS (желательно) и как можно проще для своего понимания сделать чтоб по клику на кнопку input type="submit" сначала страница перезагрузилась и потом тут же передала POST данные из этой формы на скрипт указанный в action.

P.S. Понимаю, что это адский "колхоз", но это решит мою проблему в сжатые сроки. Если нужно, напишу зачем всё это, просто долго писать.

Comments

[shmatuan]

Зачем страницу обновлять ?_?
просто AJAXом отправить post запрос

Но если прям нужно с перезагрузкой - использовать localStorage

[Артем Андреев]

Будет время - расскажите зачем такой функционал понадобился)

[Виктор Викторов]

shmatuan, это кнопка заявки на кредит в банк, нужно не просто передать фоново, а как и в обычной форме еще и перейти по action ссылке.

[Виктор Викторов]

Артем Андреев, для кнопки "купить в кредит" в корзине woocommerce, там человек может менять количество товаров, однако после изменений в значении value оно до перезагрузки не отображается, а всякие там посреднеческие действия в виде "обновить корзину" после изменения количества не предусмотрены.

Answer 1

[Дима Долготер]

1) сохранить данные формы в своих полях. тут поможет localstorage и руки или jquery плагин
2) это повесить на нажатие кнопки которая должна отправлять location.reload();
3) потом после перезагрузки ( снова тут localstorage применяем ) имитируем клик по невидимой кнопке реальной отправки. имитация $("по какому будем кликать").target("click")

Comments

[Виктор Викторов]

данные в форме сохранять не надо, их заполняет php скрипт, т.е. после перезагрузки они в любом случае заполнены.

[Дима Долготер]

Виктор Викторов, Ну так в разы проще. Тогда делаете обычную кнопку. на ней перезагрузка. пункт 3. надо просто запомнить что был нажатие на кнопку, чтоб имитировать клик для отправки.

[Виктор Викторов]

SpiderPigAndCat, как это на JS написать?) Совсем зеленый еще я.

[Дима Долготер]

Виктор Викторов, Загугли как записать переменную в localstorage. скажем твоя переменная var check=false;

на кнопке обработчик который по клику делает две функции

var check=true;
location.reload();

потом ждешь когда скрипт заполнить форму (тут поможет или проверка поля на наличие текста или функция setTimeout).
и потом запускаешь следующее
if(check==true){
$("[type=submit]").target("click");
}

все понятно, если что то тут все гуглится легко

[Виктор Викторов]

SpiderPigAndCat, Спасибо! А стирать данные из localstore нужно? чтоб по кругу не шло. И не нужно ли будет вначале отменять стандартное действие браузера preventDefault?

[Виктор Викторов]

SpiderPigAndCat, вот так выходит?

$('#cart-form-installment').on('click', function(){
	localStorage.setItem('myKey', '1');
	location.reload();
	var localValue = localStorage.getItem('myKey');
	if(localValue=='1'){
		localStorage.removeItem("myKey");
		$("#cart-form-installment").target("click");
	}else{
		return false;
	}
});

[Дима Долготер]

Виктор Викторов, что-то похожее

[Дима Долготер]

Виктор Викторов,только стоп. условие за пределы функции клика надо вынести

[Виктор Викторов]

SpiderPigAndCat, это как?

[Дима Долготер]

$('#cart-form-installment').on('click', function(){
  localStorage.setItem('myKey', '1');
  location.reload();
 
});


 var localValue = localStorage.getItem('myKey');
  if(localValue=='1'){
    localStorage.removeItem("myKey");
    $("#cart-form-installment").target("click");
  }else{
    return false;
  }

[Дима Долготер]

Виктор Викторов, $('#cart-form-installment').on('click', function(){
localStorage.setItem('myKey', '1');
location.reload();

});

var localValue = localStorage.getItem('myKey');
if(localValue=='1'){
localStorage.removeItem("myKey");
$("#cart-form-installment").target("click");
}else{
return false;
}

[Виктор Викторов]

SpiderPigAndCat, так?

$('#tcart-form-installment').on('click', function(){
	localStorage.setItem('myKey', '1');
	location.reload();
});
$(document).ready(function() {

var localValue = localStorage.getItem('myKey');
if(localValue=='1'){
		localStorage.removeItem("myKey");
		setTimeout(function(){
			$('#cart-form-installment').click();
		},1500);
		
	}else{
		return false;
	}
});

Answer 2

[Виктор Викторов]

Решил задачу, вот код, если кому нужно будет:

$('#cart-form-installment').on('click', function(){
                localStorage.setItem('myKey', '1');
                location.reload();
              });
              $(document).ready(function() {
              var localValue = localStorage.getItem('myKey');
              if(localValue=='1'){
                  localStorage.removeItem("myKey");
                  setTimeout(function(){
                    $('#cart-form-installment-true').click();
                  },300);    
                }else{
                  return false;
                }
              });

Answer 3

[leni_m]

перед отправкой данных обновите страницу, только данные потеряются, поэтому их надо сохранить перед обновлением, в чем проблема то?

Comments

[Виктор Викторов]

данные не потеряются, они выводятся сервером через php в input type="hidden", проблема в том, чтоб пользователь не делал перезагрузку, а просто щелкнул на кнопку, страница перезагрузилась и сформированные поля в форме отправились, не знаю как это на JS написать.