как использовать загрузчик изображений с $ .get , когда im делает ajax-вызовы с $ .get, иногда требуется, чтобы эффект имел место . Как я могу поставить загрузчик, чтобы пользователь знал, что ждать , пока данные не будут загружены?
благодаря
редактировать:
$.ajax({
url: 'ajax.php',
type: 'GET',
dataType: 'json',
data: 'shipping=' + sval,
onBeforeSend: function()
{
$("table#cart tbody tr#line_top td ul#total li#shipping span").html("<img src='images/spinner.gif'>");
},
complete: function()
{
},
success: function(out)
{
getShippingPrice = out.shippingPrice;
getTotalPrice = out.cartTotal;
$("table#cart tbody tr#line_top td ul#total li#shipping span").html(getShippingPrice);
$("table#cart tbody tr#line_top td ul#total li#total span").html(getTotalPrice);
}
});
edit2:
<script type="text/javascript">
var getShippingPrice;
var getTotalPrice;
$(document).ready(function() {
$(".shipmethod").change(function() {
sVal = $(this).val();
$.ajax({
url: "ajax.php",
type: "GET",
dataType: "json",
data: "shipping=" + sVal,
beforeSend: function()
{
$('.ajaxSpinner').show();
},
complete: function()
{
$('.ajaxSpinner').hide();
},
success: function(out)
{
getShippingPrice = out.shippingPrice;
getTotalPrice = out.cartTotal;
$("table#cart tbody tr#line_top td ul#total li#shipping span").html(getShippingPrice);
$("table#cart tbody tr#line_top td ul#total li#total span").html(getTotalPrice);
}
});
});
});
</script>
check above in edit, я опубликовал w Я попробовал, но это не работает –
@Sarmen B., вы используете событие под названием 'onBeforeSend', тогда как оно должно быть' beforeSend'. Пожалуйста, внимательно ознакомьтесь с моим примером. –
спасибо, что я получил его для работы сейчас, проблема заключается в том, что в первый раз я делаю выбор, который он работает, во второй раз, когда я делаю выбор, загрузчик не появляется. как я могу заставить его отображаться каждый раз, когда выбор изменяется? –