Евгений

Если нужно получить только строку:

const photo = "https://blablabla.ru/sss.jpg?us=22&qq=11";
fetch("https://example.site/example/example.php", {
  method: "POST",
  body: photo,
});

$string = file_get_contents("php://input");
echo $string;

События ondragstart, на тачскинах событие другое, TouchEvent.

Можно завести свойство "список" - "да", "нет", отображать как флажки или радио. Если в паблике надо как чекбокс, нужно модифицировать шаблон формы.

Если значения полей формы собирает JavaScript в браузере, скорее всего через интерфейс FormData(), туда не попадает значение кнопки submit. При синхронной обработке на стороне сервера такой проблемы бы не было. Часто так бывает что у формы есть несколько кнопок сабмит с разными именами и(или) значениями, внутри обработчика события доступ к сработавшей кнопке можно получить через event.submitter.

document.getElementById("form").addEventListener("submit", (event) => {
  event.preventDefault();
  let data = new FormData(event.target);
  if (event.submitter) {
    data.append(event.submitter.name, event.submitter.value);
  }

  // ...скрипт отправки формы
});

JSON.parse(json);

Самый просто способ, если величина масштаба известна, захардкодить условия отображения: галактики -> звёзды -> планеты и т.д.

Потому что json это объект, а вы работаете с ним как с массивом. Если у вас в ответе и правда json, то нужно так:

if(json.success) {
   ... json.total_cart...
}

На проде обычно js код приложения проходит обфускацию и минификацию, понятно что это от не гарантия, но просто так открыть код и причитать не получится.

В SPA всё приложение отдается целиком, дальше общается с бэком через api, получая только данные, в зависимости от состояния и полученных данных приложение отображает информацию. Т.е. в приложении изначально данных нет. Более того, приложение не обязательно должно общаться только с одним бэкм(доменом), оно может слать запросы куда угодно, где будут готовы дать ему ответ, таким образом реализуется структура микросервисов, когда каждый сервис выполняет свою задачу независимо от другого. Например учётные записи пользователей, номенклатура, остатки и цены, заказы - это всё могут быть независимые сервисы.

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

Посмотрите что в self присваивается, выведете в консоль consol.log(self).

Это по сути одно и то-же. Второй вариант если что-то ещё нужно сделать перед установкой состояния.

Мой вариант реализации для собственного модуля. История мутная, слишком много вопросов, слишком мало ответов, документации для этого модуля в БУС до сих пор нет, лишь вот эти несколько абзацев, на предмет как можно пробросить свои контроллеры в REST Битрикс, удобно иметь схожие методы и схемы данных для SPA и приложения. Добавил в описание контроллера нужное, в адресной строке перешел к нужному методу и словил так-же wrong_authorization. Ни где нет описания как создавать токены непосредственно в БУС. Единственная зацепка, статья интерволги, и пример от MaxKozlov, с одной лишь разницей, другой путь к странице, не в /local/.., потому что это служебная папка для разработки, и не нужно ни чего добавлять в urlrewrite.php, так как в настройках модуля уже есть SEF_MODE = Y и массив шаблонов ссылок SEF_URL_TEMPLATES, только нужно сохранить код страницы в визуальном редакторе Битрикс(это важно), и нужные записи в urlrewrite.php пропишутся автоматом. После чего получилось создать входящий токен, но моего модуля в правах не было, выбрал iblock, в таблице базы данных с правами доступа к rest ручками переправил на название своего модуля, и всё заработал.

Переходим по ссылке:

https://сайт/rest/1/токен/имя:модуля.api.имякласса.метод

..и наслаждаемся результатом.

имя:модуля.api - defaultNamespace, указанный в контроллере - докумантация.

PS: Для понимания, то-же самое у меня получает SPA через интерфейс ajax

https://сайт/bitrix/services/main/ajax.php?action=имя:модуля.имякласса.метод

но там другая структура выполнения и вэб авторизация.

Что-то у вас совсем всё сложно, это же vue!

<template>
  <div
    class="element"
    v-for="data in elementData"
    :key="data.id"
    @click="data.show = !data.show"
  >
    <h1>Клик</h1>
    <div 
      v-if="data.show" 
      class="elementInfo"
    >
      <h5>{{ data.name }}</h5>
      <p>{{ data.id }}</p>
    </div>
  </div>
</template>