使用ajax加载图像，直到调用完成

Question

我在两个不同的项目中使用了一小段ajax，我希望在调用脚本完成之前显示加载图像。这是使用的代码。

 if ($http) {
  $http.onreadystatechange = function(){
    if (/4|^complete$/.test($http.readyState)) {
      document.getElementById('attributes').innerHTML = $http.responseText;
        setTimeout(function(){$self();}, 1500);
    }
 };

    $http.open('GET', 'attributes.php' + '?' + 'cat_id=<?php echo $hc_cat; ?>' + '&sub_cat=<?php echo $hc_sub_cat; ?>' + '&prod_id=<?php echo $pnumber; ?>', true);
    $http.send(null);
 }

我很好奇是否可以实现加载图像，更重要的是我可以如何实现。任何意见都非常感谢。

由于

Answer 1

只需添加以下内容：

document.getElementById('attributes').innerHTML = "<img src='/imgs/ajax-loader.gif'>" 

打开/发送电话之前。