Запрос Ajax чрезвычайно медленный

Question

Я не знаю почему, но мой Javascript очень медленный и занимает около пяти минут, чтобы закончить правильно, вы иногда обновляете страницы, а некоторые запросы не обрабатываются.

Я уже использовал async: правда надеется, что он обработает немного быстрее, но это не так. Вот код, который я использую для сохранения каждого элемента внутри #myspace.

cn = document.getElementById("myspace").childNodes; 
     for (var t = 0; t < cn.length; t++) { 
      if (cn[t].nodeType == 1) { 
       var n = { 
        id: cn[t].id, 
        left: cn[t].style.left, 
        top: cn[t].style.top 
       }; 
       $.ajax({ 
        data: n, 
        url: "/Application/Ajax/__ajaxProfile.php?a=SavePosition", 
        type: "post", 
        cache: true, 
        async: true, 
        success: function (e) {} 
       }) 
      } 
     } 
     e("Please wait for everything to save, it might take more than a minute."); 

     setInterval(function() { 

     if ($.active == 0) { 

      $('#close-modal').show(); 

     } 

     }, 10); 

Кто-нибудь знает, почему это было обработано так медленно и достойное решение для этого?

Answer 1

var n_array=new Array(); 

for (var t = 0; t < cn.length; t++) { 
    if (cn[t].nodeType == 1) { 
     var n = { 
      id: cn[t].id, 
      left: cn[t].style.left, 
      top: cn[t].style.top 
     }; 
     n_array.push(n);  
    } 
} 

$.ajax({ 
    data: n_array, 
    url: "/Application/Ajax/__ajaxProfile.php?a=SavePosition", 
    type: "post", 
    cache: true, 
    success: function (e) {} 
}) 

должен быть быстрее и производить меньше трафика. ofc вам придется немного изменить код обработки ...