如何在Ajax中获取数据时加载图像微调器

我从这个网站得到了很好的回复。现在我的最后一件事是在Ajax中获取数据时显示gif加载图像

我的代码是：

function vote(id)
{ 

    var result = new Array();
    document.getElementById('sub-cat').innerHTML = ajax_image; 
     result = $.ajax({
                       type: "POST",
                       url: "ajax.php",
                       data: "id="+id,
                       async: false
               }).responseText.split("^");
document.getElementById('sub-cat').innerHTML = result[0];
document.getElementById('sub-cat1').innerHTML = result[1];


//window.location.reload()
}

我尝试了以下代码，但没有工作…：(

功能投票（id）
{ 
var ajax_image=“”；
var result=新数组（）；
//$（'#sub cat'）.html（ajax#u图像）；
document.getElementById（'sub-cat'）。innerHTML=ajax\u image；
结果=$.ajax({
类型：“POST”，
url:“ajax.php”，
数据：“id=”+id，
异步：false
}).responseText.split（“^”）；
document.getElementById（'sub-cat'）.innerHTML=result[0]；
document.getElementById（'sub-cat1'）。innerHTML=result[1]；
//window.location.reload（）
}

---

非常感谢您的辛勤工作

亲爱的kuldeep.错误未显示..我已尝试了您告诉的内容。但不起作用。请检查此..我在子类别中添加了加载器图像。但它不起作用

There are some callbacks in ajax request, beforeSend,success,complete,error etc... So you just have you show the image in beforeSend callback and hide it in complete callback.
$.ajax({
       type: "POST",
       url: "ajax.php",
       data: "id="+id,
       async: false,
       beforeSend: function(){
         document.getElementById('sub-cat').innerHTML = ajax_image;
       },
       complete: function(){
         document.getElementById('sub-cat').innerHTML = "";
       }
          }).responseText.split("^");
    document.getElementById('sub-cat').innerHTML = result[0];
    document.getElementById('sub-cat1').innerHTML = result[1];

    });

There are some callbacks in ajax request, beforeSend,success,complete,error etc... So you just have you show the image in beforeSend callback and hide it in complete callback.
$.ajax({
       type: "POST",
       url: "ajax.php",
       data: "id="+id,
       async: false,
       beforeSend: function(){
         document.getElementById('sub-cat').innerHTML = ajax_image;
       },
       complete: function(){
         document.getElementById('sub-cat').innerHTML = "";
       }
          }).responseText.split("^");
    document.getElementById('sub-cat').innerHTML = result[0];
    document.getElementById('sub-cat1').innerHTML = result[1];

    });