Страница А.php отсылает запрос на страницу B.php форму в Аякс-запросе:
function updateSomething(data) {
setTimeout(function() {
$.ajax({
type: 'POST',
url: "http://site.ru/ajax",
dataType: 'text',
data: data,
success: function(result) {
$('#Result').html(result);
}
});
}, 100);
}
$(document).on('submit', '#Form', function (event) {
event.preventDefault();
var data = $('#Form').serializeArray();
updateSomething(data);
});
Страница B.php делает просто echo и он появляется в блоке с id="Result" о появляется он моментально без всякого интересного эффекта. Если поменять 100 на другое значение то будет просто что сайт тормозит. Как сделать в в блоке с id="Result" какой-то эффект или типа колёсико загрузки перед появлением результата?