jQuery में AJAX अनुरोध को सही तरीके से कैसे रद्द (बाधित) करें?

सभी को नमस्ते! मैंने अभी AJAX और jQuery सीखना शुरू किया है, और एक समस्या का सामना किया। मेरे पेज पर कई बटन हैं, जिन पर क्लिक करने पर सर्वर पर AJAX अनुरोध भेजे जाते हैं। कभी-कभी उपयोगकर्ता अलग-अलग बटनों पर तेज़ी से क्लिक करता है, और ऐसा होता है कि पुराना अनुरोध अभी पूरा नहीं हुआ है, और नया पहले ही भेजा जा रहा है। यहाँ मेरा सरलीकृत कोड है: ```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('त्रुटि: ' + error); } }); }); ``` समस्या यह है कि यदि बटन 1, 2 और 3 पर तेज़ी से क्लिक किया जाए, तो div#content में गलत डेटा प्रदर्शित हो सकता है।