CyberGrom

Плагин называется чистый CSS
https://webref.ru/css/object-fit

if(mb_strlen($_POST["message"], 'UTF-8') > 40) {
}

1. Атрибута data, как такого, не существует, используйте data-* атрибуты.
2. Задавать нескольким элементом одинаковый id нельзя, существуют классы.
3. Для чего нужен лишний атрибут, если внутри блоков такое же значение?
4. Почитайте какие-нибудь книжки про валидную верстку.

<ul id="load_numAll-shet" style="display:none">
   <li data-n="10" class="load_numAll-li">10</li>
   <li data-n="50" class="load_numAll-li">50</li>
   <li data-n="70" class="load_numAll-li">70</li>
   <li data-n="80" class="load_numAll-li">80</li>
</ul>
<output id="load_numAll-show"></output>

var output = document.querySelector("#load_numAll-show"),
   lies = document.querySelectorAll(".load_numAll-li");

output.value = Array.prototype.reduce.call(
   lies, function(p, t){
      return p + (+t.dataset.n);
    }, 0
);

Почему две страницы? Можно обойтись одной.
Даете ему понять, какого типа данные он вам должен вернуть.
В ajax запросе передайте переменную (напр.: dataType). В ней указываете формат данных.

if($_POST['dataType']=="giveMeJSON"){
... собираете массив и формируете из него джейсон
}else{
... выводите данные в html (если вы это хотели)
}

Используйте вместо неё
darsa.in/sly

Делим на 100, округляем до двух знаков после запятой.
codepad.org/PjGjP54l