التعامل مع لارافيل و ajax

يمكنك وضع متغير بولياني تتغير قيمته مثلا من true إلى false بعد النقر على الزر، و حتى إسترجاع الطلب تعود على ماكانت عليه وستضع شرطا في اول جزء معالجة الطلب يختبر المتغير إن كان false يعمل return مباشرة. ويمكن وضع مؤقت زمني يضمن حصول تأخير بعد وصول الطلبية و الأفضل هنا عرض إشعار بنجاح إضافة البيانات، يفضل دمج الخاصتين سويا.و يمكنك ايضا إبطال الزر بعمل disable له حتى إكتمال الطلبية.

getElementById("Button"). disabled = true

إذا كنت تستخدم مكتبة Jquery يمكنك إستخدام الطريقة التالية:

function  saveData(){
  $("#button").prop('disabled', true);  // عند الضغط على الزر لأول مرة نقوم بتعطيل الزر
  $.ajax({
            type: "post",
            url: "{{ url('route_name') }}",
            dataType: "json",
            data: $('#ajax').serialize(),
            success: function(data){
              
                  $("#button").prop('disabled', false); // ثم نقوم بتفعيل الزر مجددا عند الحصول على الإجابة
            },
            error: function(data){
                 alert("Error")
            }
        });
    });
  
}