Допустим, есть вот такой код. При нажатии на ссылку, должен отправляться ajax запрос. Получение данных может занимать достаточно много времени, за которое очень просто успеть нажать еще 1-2 ссылки. Учитывая, что $.ajax работает асинхронно, возникает вопрос. А как передать в error и success коллбэки ссылку на элемент, по клику на котором была запущена загрузка данных?
$(function(){
$('table tr').on('click', 'td>a', function(){
$(this).parent().parent().after('<tr>'
+'<td>Additional row</td>'
+'<td>Some data...</td>'
+'<td>Some data...</td>'
+'</tr>');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tbody>
<tr>
<td><a href="#">Load additional rows</a></td>
<td>Some data...</td>
<td>Some data...</td>
</tr>
<tr>
<td><a href="#">Load additional rows</a></td>
<td>Some data...</td>
<td>Some data...</td>
</tr>
<tr>
<td><a href="#">Load additional rows</a></td>
<td>Some data...</td>
<td>Some data...</td>
</tr>
<tr>
<td><a href="#">Load additional rows</a></td>
<td>Some data...</td>
<td>Some data...</td>
</tr>
</tbody>
</table>