javascript - 複数の ajax リクエストの処理は、アラートが発生した場合にのみ機能します

Question

ページ内の多くのリストからサーバーにデータを送信しようとしています。それぞれがPHPのajaxデータを起動してさらに処理します。私のコードは (class=dd) を使用して各リストを選択し、ajax データを 1 つずつ送信します。これは、ajaxの成功後にアラート（応答）を使用すると完全に機能し、このアラートメッセージを削除すると、サーバーに送信されるリストの数が少なくなります（4つのうち2つのリストのみが送信されます）。何かご意見は？

 $('#submit_sorting').on('click', function() {
        var testEmail = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;
        if (testEmail.test($('#user_email').val()) || $('#user_email').val()==""){
            $('[class=dd]').each(function(){
                     var data = $(this).nestable('serialize');
                     var dataJson = JSON.stringify(data);
                     console.log('sent '+JSON.stringify(data));
                     var response = ajaxx(data);
                     alert(response);
                });  
        }
        else
        {
            alert('enter valid email address');
        }

    });

ここにajaxコードがあります

  function ajaxx(data){
          return $.ajax({
            type: "POST", 
             url: 'cardsorting/update',
            data: {
                'new_order': data,
                'user_comments':$('#user_comments').val(),
                'user_email':$('#user_email').val(),
                '_token':$('meta[name="_token"]').attr('content')
            }, 
           success: function(data){
              if(data=='dataissaved'){
                  console.log('came here '+$(location).attr('href'));
              }
             else
             {
                  console.log('received '+JSON.stringify(data));

              }

        },
           error: function (data) {
                alert('Could not connect to controller');
            }
        });
    }