Как закрыть не дочернюю страницу на сайте?

Question

[Михаил Смирнов]

Hа сайте после нажатия кнопки оплаты перебрасывает на платёжную страницу банка, после удачной оплаты на страницу с подтверждением удачной оплаты как сделать, чтоб в данном случае закрылась или перезагрузилась изначальная страница?

Answer 1

[Teleweb developer]

Здравствуйте, если вы хотите закрыть текущую страницу, есть window.close() но сейчас браузеры блокируют закрытие через такой метод, поэтому остаётся легче вариант: перезагрузить, чтобы перезагрузить вот так пишем: location.reload()

Comments

[Михаил Смирнов]

мне нужно перезагрузить самую первую страницу с кнопкой. или просто убрать на ней кнопку оплаты

[Teleweb developer]

Михаил Смирнов, а как у вас открывается окно с платёжной страницей?

[Михаил Смирнов]

банк присылает url страницы далее через window.open(wayPay,'Оплата заказа').
На сколько топорно будет если выполнить следующим образом на главной странице добавить в модуль

window.addEventListener('storage', event => {
  if (event.key == 'payment completed') {$('#payButton').addClass('hidden');}
}

А на странице с подтверждением успешной оплаты соответственно добавить эту запись в localStorage?

[Teleweb developer]

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

const channel = new BroadcastChannel("channel_name");
  channel.onmessage = (event) => {
    if (event.data == "reload") {
       //Перезагружаем родительскую страницу
    }
  };

На той странице которую вы открываете:

const child = new BroadcastChannel("channel_name"); //обратите внимание что всюду одинаковое имя канала
child.postMessage("reload");

Я думаю что вам это точно поможет, а может быть и я что то снова напутал и не понял вас))

[Михаил Смирнов]

Teleweb developer, Спасибо попробую.

[Михаил Смирнов]

Evgenii, Открыть в этой же вкладке используя iframe?

[strelok011]

Evgenii, есть платежки, которые позволяют работать в ифрейме. В частности best2pay. У ифрейма настраивается режим песочницы и только в путь.
Про ту же вкладку - иногда бизнес изначально не желает уводить клиента с сайта.

Михаил Смирнов
Обычно результат платежки ведет на целевую успеха или не успеха оплаты страницу сайта, откуда она была открыта, соответственно вполне можно пользоваться в том числе и localstorage для обмена данными с родительским окном. В частности платежки обычно передают информацию об успехе определенного заказа, его можно складировать и в локалстор и, если сайт на пхп, к примеру, просто на кнопку закрытия отправлять в бэк (и в случае успеха - закрывать вкладку). А в родительском окне подписаться на обновление localstorage или сокеты и запросы в бэк на статус заказа. По результату скрывать кнопку оплатить.
Финт с локалстором будет работать в том числе и если открывать в ифрейме. Основная проблема заключается в том, что раз уж платежка в ифрейме и целевые страницы вашего же сайта открывается там же - связи с родительским окном (в режиме песочницы) через js по умолчанию нет. Один из вариантов - использовать localstorage.

[Михаил Смирнов]

strelok011, Спасибо большое.

[Михаил Смирнов]

Evgenii, Ну сбер пишет можно через iframe, а так у них после регистрации заказа даётся url платёжной страницы и написано укажите страницу в случае удачной оплаты, поэтому пришлось сделать отдельную страницу. Не совсем понимаю пока как сделать - этом же окне тебя перекидывает на платежку с хешем?

[Михаил Смирнов]

Evgenii, получается надо адрес указать изначальной страницы. сейчас попробую.

[но нейм]

Михаил Смирнов, посмотрите внимательней на то что вам предлагает платежный сайт. В таких сервисах обычно настраивают гибкий обратный редирект со статусом платежа в query. И там не надо манипуляций с окнами проводить, просто смотрите на url