[Помощь] JS(AJAX)+PHP+HTML

Есть масcив он не постоянный от 1 до 100 значений.
Формата json [50,34,41,96,18,81,27,56,48,34] которые загружается с файла json в каталоге средством php и делает вывод некого ключа.
Получаю без перезагрузки страницы через AJAX загружаю уже созданный div class.
В таком виде.

<img scr='img_50.png'></img>
<img scr='img_34.png'></img>
<img scr='img_[число с массива].png'></img> ...

Код то рабочий но хотелось бы узнать мнение человека который работал с js. Ajax.
может в js что-то лишнее или что то нужно еще или можно по другому боле гуманно

html

html

   <div class="link"><div class="jsonum">...чисел пока нет ...</div> 
 <a href="#" class="button" onclick="post_query('opengift.php', 'box', '1')">Кручу</a> 
 </div>

javascript

   <script> 
 function post_query( url, name, data ) { 
  
 var str = ''; 
  
 $.each(data.split('.'), function(k, v) { 
  
 str += '&' + v + '=' +  $('#' + v).val(); 
 }); 
 $.ajax( 
     { 
         url: '/' + url, 
         type: 'POST', 
 dataType: 'json', 
         data: name + '_f=1' + str, 
         cache: false, 
         success: function (result){ 
 var items = []; 
 $.each(result, function(i, val) { 
 //document.getElementById("demo").innerHTML = result; 
 items.push('<img src="/img/img_' + val + '.png" style="display:block; margin-bottom:10px" class="number" alt="' + val + '"></img>'); 
 }); 
  $('.number').remove(); 
  $('.jsonum').append($(items.join(''))); 
  
         } 
     } 
 ); 
 } 
 </script>

opengift .php

php

   <?php 
 if ($_POST['box'] == 1) { 
 echo "[50,34,41,96,18,81,27,56,48,34]"; 
 } 
 ?>

________
посл. ред. 16.12.2020 в 16:08; всего 4 раз(а); by Mr[G]Pro