Antony Tkachenko

но когда перехожу к странице add_to_cart.php в адресной строке ничего не добавляется.

Потому что http-протокол так не работает.
Если вам нужно хранить состояние между запросами, то используйте session/cookies.

Можно вешать событие на onchange/keypress всех элементов, которое бы устанавливало флаг того, что поле изменено. Ну и по этому флагу уже инициировать сбор данных и сохранение в сторадж

Посмотрите на параметр enableKeepAlive у ws-сервера ratchet (без него не будут посылаться ping/pong сообщения для поддержания связи, см. спецификацию ws).
Плюс вы должны понимать что ws-соединение будет устанавливаться для каждой вкладки отдельно и по-хорошему вам нужно учесть этот момент тоже.

upd,
Плюс смотрите что приходит при onClose

socket.onclose = function(event) {
  if (event.wasClean) {
    alert('Соединение закрыто чисто');
  } else {
    alert('Обрыв соединения'); // например, "убит" процесс сервера
  }
  alert('Код: ' + event.code + ' причина: ' + event.reason);
};

https://learn.javascript.ru/websockets

Плюс выводить в консоль/пишите в log события сервера onClose/onError - поможет в отладке.

В данном случае можно просто при выводе взять

data[id], где id - то что получаете из хэша.

П.С. лучше взять нормальную бд и сделать к нему простое api, для получения данных.

Потому что для работы php нужен веб-сервер с php-интерпретатором может?

$_SESSION['login'] = "guest1"

Вы перезаписываете сессию

https://hostenko.com/wpcafe/hacks/ajax-zagruzka-fa...

Смотрите что приходит в php://input

file_get_contents('php://input');
Если данные есть - смотрите в документации по ларавел (не указана версия) как получить данные из json request.
Если нет - то ошибка где-то в fetch()

Для передачи данных используйте ajax (https://developer.mozilla.org/ru/docs/Web/API/XMLH... лучше воспользоваться готовой библиотекой, нативно не очень удобно работать.

function reverse(str){
  var i = 0;
  var l = str.length;
  var half = Math.ceil(l / 2);
  for(var i = 0; i <= half; i++){
      temp = str[i];
      str[i] = str[l-i];
      str[l-i] = temp;
  }
 return str
}

function isNodeList(nodes) {
    var stringRepr = Object.prototype.toString.call(nodes);

    return typeof nodes === 'object' &&
        /^\[object (HTMLCollection|NodeList|Object)\]$/.test(stringRepr) &&
        (typeof nodes.length === 'number') &&
        (nodes.length === 0 || (typeof nodes[0] === "object" && nodes[0].nodeType > 0));
}