在ajax函数加载时创建加载图像

Question

  

可能重复：
  Creating a loading image while ajax loads

enter code here这是我的代码，我试图插入一个图像来表明ajax正在加载bt我只是无法做到这一点，尝试了很多可能的方法，但它只是无法工作，任何建议要做什么？

    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);