Wie man eine AJAX-Anfrage in jQuery korrekt abbricht (unterbricht)?

Hallo zusammen! Ich habe gerade angefangen, AJAX und jQuery zu lernen, und bin auf ein Problem gestoßen. Auf meiner Seite gibt es mehrere Buttons, bei deren Klick AJAX-Anfragen an den Server gesendet werden. Manchmal klickt der Benutzer schnell auf verschiedene Buttons, und es passiert, dass die alte Anfrage noch nicht abgeschlossen ist, während die neue bereits gesendet wird. Hier ist mein vereinfachter Code: ```javascript $('.load-data').click(function() { var id = $(this).data('id'); $.ajax({ url: '/api/data/' + id, method: 'GET', success: function(response) { $('#content').html(response); }, error: function(xhr, status, error) { console.log('Fehler: ' + error); } }); }); ``` Das Problem ist, dass wenn man schnell auf die Buttons 1, 2 und 3 klickt, im div#content möglicherweise