Как сохранить измененный значения после перезагрузки страницы?

Question

[Иван Фотьев]

Здравствуйте. Сайт на 1С- Битрикс, на детальной странице товара есть ссылка "В корзину" при нажатии происходит добавления товара в корзину. Необходимо после нажатия изменить текст "В корзину" на "В корзине" и сменить ссылку.
Таким образом изменю текст и значение href:

$('.add__tocart').click(function() {
	$(this).text('В корзине');
	$(this).href('/cart/');
	return false;
});

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

Answer 1

[Алексей Скобкин]

Обновление надписи на кнопке при клике - одно. В целом, вам логично либо сделать отправку в корзину через AJAX, либо надпись на кнопке должен менять сервер при повторной загрузке страницы. Ведь он знает, что этот товар лежит в корзине.
Сохранять статус вам вообще не нужно.

Answer 2

[Алексей Царапкин]

js тут не причем. Обрабатывайте на серверной стороне и выводите нужную ссылку в зависимости от наличия товаров в корзине

Answer 3

[Ernest Faizullin]

JQuery-Session-Plugin

как вариант

$('#addItem').on('click', function(event) {

	var cartItems = $.session.get('cartItems');
	if (!cartItems) cartItems = [];

	var newItem = getNewItem();
	cartItems.push(newItem);

	$.session.set('cartItems', cartItems);
});

jQuery(document).ready(function($) {
	
	var cartItems = $.session.get('cartItems');
	if (!cartItems) cartItems = [];

	console.log(cartItems);
});

Answer 4

[Максим Мартиросов]

Автор, Алексей Царапкин и Алексей Скобкин правильно вам говорят. Если вы даже сделаете так как вам предлагает erniesto77, всё равно придётся парсить из массива данные в PHP обработчик с помощью AJAX.
Поэтому, лучше сразу сделать этот обработчик на странице добавления товара в корзину

(function($){
$(document).on('click', '.add__tocart', function( event ) {
  event.preventDefault();
  var _self = $(this);
  if( xhr ) xhr.abort();
  var xhr = $.ajax({
   method: 'post',
   url: '/add_to_cart.php',
   success: function( response ) {
     if( response ) {
        _self.text('В корзине');
        _self.href('/cart/');
     }
   }
  });
});
}(window.jQuery);

Не стоит копировать код один в один. Писал на быструю руку, на коленке.

Comments

[Алексей Скобкин]

Нет, ну можно и не парсить. Можно дублировать корзину и на клиенте (перенести на клиент целиком в Битриксе - геморрой). Но я таких костылей не предлагаю.

[Максим Мартиросов]

Алексей Скобкин: вот именно, что это костыли)))

[Максим Мартиросов]

Ещё можно всё в локалстораж запихать, как вариант) Даёшь овнокод!!! =)

[Алексей Скобкин]

Максим Мартиросов: А ещё можно передавать в виде хеша в адресе страницы...
А ещё можно заливать через API на pastebin, сохранять в куках id пасты и получать обратно после загрузки новой страницы...
А ещё можно попросить пользователя записать JSON и после перезагрузки страницы попросить его ввести обратно...
А ещё... вы там ещё санитаров не вызвали?

[Алексей Скобкин]

Кстати, я бы в вашем примере кода ещё добавил проверку данных, которые Битрикс вернул в response. Я, конечно, сам под Битрикс не пишу, но надеюсь, что он хотя бы статус и ошибки при AJAX-запросах возвращает.

[Максим Мартиросов]

Алексей Скобкин: Ну я же написал под кодом, что не нужно его копировать, что это лишь пример того как примерно всё это должно работать. Я с битриксом тоже не работаю, поэтому как формируется респонс тоже не знаю. Для вордпресса бы написал)) А так, пускай автор тоже немного мозгами пораскинет.

[Алексей Скобкин]

Максим Мартиросов: Автор, который задаёт такие вопросы с вероятностью 90% скопирует ваш код. С вероятностью 50% он вернётся сюда уже с этим кодом и спросит, почему он не работает :)

[Максим Мартиросов]

Алексей Скобкин: ахахах)))) Блин, ну не хочу переписывать. И так ему там две проверки сделал)

[Алексей Скобкин]

Максим Мартиросов: А я не говорю вам переписывать. Это для автора был комментарий - я специально не адресовал его вам. Автор должен свои мозги включать. Тостер - не биржа бесплатной рабочей силы.