Создание загрузочного изображения во время загрузки ajax

Это код, который у меня есть. Я пытаюсь вставить изображение, чтобы показать, что ajax загружается, но я просто не могу понять это правильно; Я перепробовал много возможных способов, но это просто не работает. Любые предложения о том, что делать?

ajaxRequest.onreadystatechange = function(){
    if(ajaxRequest.readyState == 4){
        var ajaxDisplay = document.getElementById('main_result');
        ajaxDisplay.innerHTML = ajaxRequest.responseText;
    }
}
$("#main_result").empty().html('<img src="loading.gif" />');

var category = document.getElementById('category').value;
var brand = document.getElementById('brand').value;
var item = document.getElementById('item').value;
var queryString = "&category=" + category + "&brand="+ brand +"&item="+ item;
ajaxRequest.open("GET", "main_search_special.php?section=special" + queryString, true);
ajaxRequest.send(null);

Ответы на вопрос(4)

Ваш ответ на вопрос