JQuery Klick-Funktion mit einem div und nicht mit einer Klasse oder ein Elemente

Question

ich etwas einfach tun will und ich war es, die Lösung zu finden, nicht in der Lage (vielleicht oder wahrscheinlich, weil ich die falschen Begriffe verwendet, leider)

die Hauptidee ist meine Seite sieht wie folgt aus:

Button 1 - Button 2 - text - text - text - text 
Button 1 - Button 2 - text - text - text - text 
Button 1 - Button 2 - text - text - text - text 
Button 1 - Button 2 - text - text - text - text 

So möchte ich die Taste 1 ein, Dinge zu tun, und die Taste 2, andere Dinge zu tun,

$(document).ready(function(){ 
    $('btn-danger').click(function() { 
$.ajax({ 
    type:'POST', 
    url: 'script/supression_ligne.php', 
    success: function(data) { 
    alert(data); 
    $("p").text(data); 
     } 
    }) 
    }); 
}); 

und hier ist die html

<button type="button" class="btn btn-success">...</button> 

Ich kann es für eine ID oder alle von ihnen, aber nicht nur für die Klasse BTN-Gefahr

Auch ich habe noch eine Frage über den Code funktioniert, ich auf mehreren Reprise sah, Leute haben die $ (document) .ready (function()) vor dem aktuellen Klick benutzt, also habe ich mich gefragt, was das für einen Sinn macht.

Und da ich hier bin, kann ich alle meine Fragen stellen: p Ich will nur sicher sein, dass ich die Logik des Ajax Teil verstehe, weil ich es nie benutzt habe, wenn mir jemand den anderen Schritt erklären könnte es tut, wenn die Anforderung erfolgreich ist, würde ich es wirklich apprecite

vielen Dank :)

Answer 1

$(document).on('click','.button_class',function(){ 
$.ajax({ 
    type:'POST', 
    url: 'script/supression_ligne.php', 
    success: function(data) { 
    alert(data); 
    $("p").text(data); 
     } 
    }); 
});