jQuery while循环发布崩溃的浏览器

Question

我想要的 jQuery 代码在循环和发布数据跨度 ID 时，我得到跨度数据但发布崩溃。

    while (ilkDeger < toplamDeger) {    
            var yukle ="yukle"+ilkDeger ;   
            var tekalan = '&'+$("#yukle"+ilkDeger+" :input").serialize();
            var veriler = data;
            //alert(ilkveri+tekalan);

          $.ajax({
                    type: 'POST',
                    data: veriler,

                  success: function(sonuc){

                  //Gelen postu süzgeçle
                    var $response=$(sonuc);
                    var sonuc = $response.find('#cevap').val();
                    var yanit = $response.find('#yanit').text();

                    var baslangic = $response.find('#baslangic').val();
                    var limit = $response.find('#limit').val();
                    var servis = $response.find('#servis').val();

                    //Proggress Bar kodları                 
                    var prodeger=ilkDeger+1;

                    if(prodeger < <?=$top;?>) {
                        var olcu=(prodeger/<?=$top;?>*100);
                        $('.progress-bar').css('width', olcu+'%').attr('aria-valuenow', olcu).html(olcu+'%'); 

                    }else{

                        $('.progress-bar').css('width', 100 + '%').addClass('progress-bar-success').html('Tamamlandı.').attr('aria-valuenow', '100');



                        $('#progress-bar').css('width', 100 + '%').addClass('progress-bar-success');
                        }


                       if (sonuc == "1"){ 
                            $('#yukle'+ilkDeger).html('<b><font color=green>BAŞARILI : </font>'+yanit+'</b><hr>');                      
                            console.log(" Ürün Aktarıldı ");

                            ilkDeger++; 
                        }
                        else if (sonuc=="0"){
                            $('#yukle'+ilkDeger).html('<b><font color=red>HATA : </font>'+yanit+'</b><hr>');
                            //$('#yukle'+ilkDeger).html('<div class="alert alert-success"><i class="fa fa-check-circle"></i>'+yanit+'<button type="button" class="close" data-dismiss="alert">×</button></div>');

                            console.log(yanit);
                            ilkDeger++;

                            } else {
                            $('#yukle'+ilkDeger).html('<b><font color=red>HATA : </font>Geçersiz işlem</b><hr>');

                            console.log(yanit);
                            ilkDeger++;
                            } 


                    }  

                    }    ));
               }

我添加了 async:false mozilla 工作，chrome 崩溃了，我如何修复我想要部分发布数据。我可以发送数据并且进程不是查看崩溃浏览器

<span id=yukle0></span>
<span id=yukle1></span>
<span id=yukle2></span>
<span id=yukle3></span>

$.ajax( { } ) 不工作崩溃浏览器

Answer 1

您误解了 ajax 的工作原理：您的 ajax 调用被执行，然后代码继续运行。

您的变量在 ajax 调用的 success 函数中递增，因此当该调用完成时。但是，您的循环会一直循环直到发生这种情况（多次...），因此您的浏览器会在不断生成新的 ajax 调用时崩溃。

除此之外，您可能不需要在循环中进行 ajax 调用，特别是如果您只是在该循环中增加一个计数器。只需一个 ajax 调用，您就可以在 php 中轻松做到这一点。