Ajax Anfrage Ausgabe

Question

Ich habe ein HTML-Formular, um eine Bestellung in einem Geschäft durch Klicken auf eine Schaltfläche namens Order (button_id = "Auftrag") Bei der Schaltfläche Click-Ereignis habe ich eine Ajax-Anfrage an eine Seite (itemOrder_php2. php), die einige Daten in der Form zu dieser erwähnten Seite sendet. Es funktioniert richtig. Das Problem besteht jedoch darin, dass die ajax-Anfrage nicht funktioniert, wenn zwei oder mehr Benutzer gleichzeitig bestellen. Bitte helfen Sie mir, mit mehreren Ajax-Anfragen zu arbeiten. Vielen Dank! Hier ist mein Code.

$(document).ready(function(){ 
    $("#order").click(function(e){ 
     e.preventDefault();      
    $.ajax({type: "POST", 
      url: "itemOrder_php2.php", 
      data: { selectedItem: $("#selectedItem").val(), sizeUnit: $("#sizeUnit").val(), quantity: $("#quantity").val(), value: x, lSize : $("#lSize").val(), lPrice : $("#lPrice").val() }, 
      success:function(result){ 
     $("#orderResult").html(result);    
    }}); 
    }); 
}); 

Answer 1

Behandeln Sie das Click-Ereignis mit dem Dokument auf ...

$(document).ready(function(){ 
    $(document).on('click','#order',function(e){ 
    e.preventDefault();      

    $.ajax({type: "POST", 
      url: "itemOrder_php2.php", 
      data: { selectedItem: $("#selectedItem").val(), sizeUnit: $("#sizeUnit").val(), quantity: $("#quantity").val(), value: x, lSize : $("#lSize").val(), lPrice : $("#lPrice").val() }, 
      success:function(result){ 
     $("#orderResult").html(result);    
    }}); 
    }); 
});