Как исключить перезагрузку страницы при передаче параметра POST?

profesor08, да я сделал, как вы говорите и прервал событие, но это ровным счетом ничего не дало, по прежнему в
$_POST["billing_phone_visible"] пусто

var element = document.querySelector('.woocommerce-cart-form');
	element.addEventListener("submit", e => {
	  e.preventDefault();
	  $('#btn-checkout').removeClass('disabled');
	  $('#btn-checkout').click();
	  var $form = $(this).closest("form");
	  $.ajax({
		    type: "POST",
		    url: $form.attr("action"),
		    data: $('#billing_phone_visible').serialize(),
		    success: function(data) {
		       console.log($('#billing_phone_visible').val());
	       }
		  });
	});

Как исключить перезагрузку страницы при передаче параметра POST?

ThunderCat, спасибо, буду пробовать. Сайт на wordpress - разве у него есть контроллер?
2) url верный, в post есть данные поля billing_phone_visible
3-4)

success: function(data) {
console.log($('#billing_phone_visible').val());
}

как я понимаю - здесь проверяется возвращаемое значение?

Как исключить перезагрузку страницы при передаче параметра POST?

profesor08, спасибо, но пока это мою проблему не решает

Как исключить перезагрузку страницы при передаче параметра POST?

profesor08 спасибо, но чем в данном случае ваше решение отличается от моего?

//2 вариант
if($('#transfer').length) {
		$('#transfer').click(function(e){
      e.preventDefault();
      $('#btn-checkout').removeClass('disabled');
			$('#btn-checkout').click();
      
     var $form = $(this).closest("form");
      $.ajax({
      type: "POST",
        url: $form.attr("action"),
        data: $form.serialize()
      });
		});
	}

Здесь у меня проблема в том, что на клиенте я могу получить значение

success: function(data) {
console.log($('#billing_phone_visible').val());
}

А на сервере почему-то нет - не выполняется условие и не могу понять почему

if(isset($_POST["billing_phone_visible"])) 
{
$phone_number = $_POST["billing_phone_visible"];
print_r($phone_number);
}

Как исключить перезагрузку страницы при передаче параметра POST?

Лариса, полную html страницу начиная с doctype

Как исключить перезагрузку страницы при передаче параметра POST?

ThunderCat не совсем вас понял. Здесь значение я получаю
success: function(data) {
console.log($('#billing_phone_visible').val());
}

Но, в северной части нет - условие здесь не выполняется..
if(isset($_POST["billing_phone_visible"]))
{
$phone_number = $_POST["billing_phone_visible"];
print_r($phone_number);
}

Как исключить перезагрузку страницы при передаче параметра POST?

Лариса спасибо вам за попытку помочь, но посмотрите внимательно в вопросе я описал проблему, которую имею при использовании ajax

В примере выше мой вариант 2 в комментах

//2 вариант
if($('#transfer').length) {
		$('#transfer').click(function(e){
      e.preventDefault();
     $('#btn-checkout').removeClass('disabled');
			$('#btn-checkout').click();
      
      var $form = $(this).closest("form");
      $.ajax({
      type: "POST",
       url: $form.attr("action"),
        data: $form.serialize()
      });
		});
	}

Как исключить перезагрузку страницы при передаче параметра POST?

slo_nik, доброе. Во втором варианте, как я уже писал, использую ajax, но не получаю при этом значение $_POST['billing_phone_visible'] на сервере, хотя здесь - получаю
success: function() {
console.log($('#billing_phone_visible').val());
}

Как авторизоваться в woocommerce по мобильному телефону?

Что-то типа того?

$userdata = array(
		'user_pass'       => '123', // обязательно
		'user_login'      => $_POST["billing_phone"], // обязательно
		'user_email'      => $_POST["billing_email"],
		'role'            => 'customer', // (строка) роль пользователя
	);

	wp_insert_user( $userdata );

Как авторизоваться в woocommerce по мобильному телефону?

yarovikov, я лак поставлю за наводку, но какова сама реализация?

Как авторизоваться в woocommerce по мобильному телефону?

yarovikov, а можете, плиз, пояснить свой ответ

Как удалить лишнее поле доставки в админке с заказом в магазине woocommerce?

Timofey Tkachev а это поможет избавится именно от дубликатов адресов, как в моем случае?

Как сделать возможным только просматривать видео, но не скачивать человеку, который его купил?

azerphoenix, "Только отдавайте и ссылку на скачивание и встраивайте видео для просмотра. Меньше геморроя клиенту и вам))"
Меня геморрой клиента по скачиванию видео не волнует, но хочу ограничить возможность для того, чтобы он скачивал

Как сделать возможным только просматривать видео, но не скачивать человеку, который его купил?

yarovikov, "Вариантов больше нет."
Почему вариантов больше нет?? Только потому что мы с вами других не знаем, это не означает, что нет.
И почему мы зациклились на вимео? С хостинга или других каналов точно ведь можно.
Задача не в том, чтобы ограничить возможность скачивания хитрополосатыми юзерами, а просто обычному пользователю, чтобы показывалось видео после оплаты, но не сама кнопка скачать, как в предустановках вукомерц

Как сделать возможным только просматривать видео, но не скачивать человеку, который его купил?

yarovikov, не страшно, если пользователь будет извращаться и записывать с камеры в плохом качестве. Вопрос в том как предоставить пользователю возможность просмотра, а не скачивание как идет изначально

Как сделать возможным только просматривать видео, но не скачивать человеку, который его купил?

yarovikov "Его можно и с экрана записать."
Это вы про пользователя?

Как сделать возможным только просматривать видео, но не скачивать человеку, который его купил?

azerphoenix, интересует защита от простых пользователей, которые этого не умеют

Есть ли плагин wordpress для вывода рейтинга поста на основе средней 3 параметров?

yarovikov, у вас есть направление куда копать?

Как при скролле реализовать плавное исчезновение картинки и появление видео фона?

Максим Тимофеев на сайте при скролле все просиходит плавно за счет изменения opacity и transform: translate3d - как это реализовать?

Как при скролле реализовать плавное исчезновение картинки и появление видео фона?

Сергей delphinpro, на испытуемом сайте реализовано только с помощью стилей? в коде страницы javascripta не вижу.
А то, что наглядно вижу - при скролле происходит изменение opacity и transform: translate3d - за счет чего?