ThunderCat

Пути для чтения / сохранения файлов должны быть абсолютными, в вашем случае что-то типа

file_put_contents($_SERVER['DOCUMENT_ROOT']."/img/{$filename}", base64_decode($img));

magnific popup, butstrap modal, fancybox...

обычно обратно возвращают json в примерно таком виде:

if($someError){
  echo json_encode( array('data' => '', 'error' => 5, 'errortext' => 'something goes wrong!');
  exit;
} 
else {
  echo json_encode( array('data' => 'some useful data', 'error' => 0, 'errortext' => '');
  exit;
}

В js меняем:

.done(function(response){  // я обычно использую не .done а  .success
   if(response.error == 0){
        swal('Оплачено!', '22222222','success');
        return;
   }
   else {
      alert(responce.errortext);
      return;
  }
})

вариантов несколько:

<input type="checkbox" name="checkbox[]" value="value1"> квадратные скобки - php автоматически преобразует в массив с цифровыми индексами
<input type="checkbox" name="checkbox[some]" value="value2"> задать свой индекс массиву
<input type="checkbox" name="checkbox[name]" value="value3"> (будет виден как $_POST['checkbox']['name'])
<input type="checkbox" name="checkbox1" value="value4"> задать отдельное имя каждому чекбоксу

В зависимости от задачи может подойти то или иное решение

как уже написали - аяксом грузить в модалку данные неплохой вариант, однако если таких данных не очень много, их можно хранить в дата атрибутах кнопки "быстрый просмотр" и при клике заполнять поля модалки этими данными. Плюсы только в случае небольшого объема данных, но чаще всего так и есть, данных там 2 строчки описания и линк на 2-3 картинки.

1) таскать всю базу каждые 10 секунд - бред. По получению данных запомните время (а лучше передавайте его с сервера как отдельное поле) и в следующий раз передавайте ее на сервер в аякс запросе, исходя из нее уже вытаскивайте новые записи из бд, присоединяя их на клиенте к уже полученному ранее массиву данных.
2) Индексы на таблицы - посмотрите сколько отрабатывает типичный запрос, курите explain если медленно отрабатывает, добавляйте индексы на группы запрашиваемых полей.
3) кэширование с 10 секундным временем жизни самое то, если запрашиваете раз в 10 секунд, теоретически это снимет нагрузку на бд до уровня "как 1 пользователь" (при условии что данные не персонализированы, а общие для всех).

$('#one').data('dataname', value); // помещаем данные в элемент
let variable = $('#one').data('dataname'); // читаем данные в переменную

<div id="one" data-dataname='some value'>
тут инициализированный данными див, 
можем его прочитать так же как в примере выше
</div>

hint: при добавлении данных через jquery метод data() данные в поле дата атрибута отображаться не будут(а они там есть! (с))

Заголовки отправьте правильные, этого достаточно.
в ноде не силен, в пхп примерно так:

header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
 header('Cache-Control: no-store, no-cache, must-revalidate');
 header('Cache-Control: post-check=0, pre-check=0', FALSE);
 header('Pragma: no-cache');
 header('Content-transfer-encoding: binary');
 header('Content-Disposition: attachment; filename=some.docx');
 header('Content-Type: application/msword');
 echo $contentOfWordDoc;

...чтобы этот файл отправить на загрузку.

а это для чего и зачем?

Проблема в том, что при из последующем изменении этого документа на компьютере в каталоге создавалась папка <имя документа>.files со XAML-файлами.

при сохранении такого файла по умолчанию ворд пытается сохранить его как хтмл, достаточно выставить нужный вам тип документа в селекторе типов при сохранении (docx например).