Jquery 如何使用ajax调用获取加载微调器图像

请告诉我在ajax调用中使用getSpinner（）的逻辑，以便在发送和完成ajax调用之前显示和隐藏微调器图像。非常感谢您的帮助。谢谢

我有一个Ajax调用：

$j.ajax({ 
type : "POST", 
url : //service call, 
data : JSON.stringify(request_data), 
contentType : "application/json", 
dataType : "json", 
async : false, //Forcing this sync 
success : function (result) { 
  //logic to generate pdf
}

我将getSpinner（）函数设置为：

function getSpinner() {
    var loadingimage = $j('<div id="spinner" class="spinnerdiv"><img id="img-spinner" class="ajax-spinner" src="rotation.gif"></div>');
    return loadingimage;

函数getSpinner（）{ var loadingimage=$j（“”）； 返回加载图像；

---

}

试试这个，我就是这样试的。这真的很有效

<script type="text/javascript">
    $(document).ready(function()
    {
        $('#loading')
            .hide()
            .ajaxStart(function() {
                $(this).show();
            })
            .ajaxStop(function() {
                $(this).hide();
            });
    });
</script>

<div id="loading">
        Loading....
</div>

$（文档）.ready（函数（）
{
$（“#加载”）
.hide（）
.ajaxStart（函数（）{
$（this.show（）；
})
.ajaxStop（函数（）{
$（this.hide（）；
});
});
加载。。。。

您应该首先在页面上有html元素。然后可以定义两个单独的函数来显示和隐藏微调器

你的js编辑了一点

function getSpinner() {
  var loadingimage = '<div id="spinner" class="spinnerdiv">
  <img id="img-spinner" class="ajax-spinner" src="rotation.gif" />
  </div>'
  return loadingimage;
 }

$j.ajax({ 
type : "POST", 
url : //service call, 
data : JSON.stringify(request_data), 
contentType : "application/json", 
dataType : "json", 
async : false, //Forcing this sync
beforeSend: function(){
  var spinnerHtml = getSpinner();
   //check that it doesn't exist
  if($('#spinner').length < 1){
   //add spinner
   $("WhereYouWantItToGo").html(spinnerHtml);
  }
}

success : function (result) { 
  //logic to generate pdf
},
error : function(){

},
complete : function(){
    //check that it does exist and remove
    if($('#spinner').length > 0){
      $('#spinner').remove();
    }
}
});

函数getSpinner（）{ 变量加载映像 ' 返回加载图像； } $j.ajax（{ 类型：“POST”， url://service call， 数据：JSON.stringify（请求_数据）， contentType:“应用程序/json”， 数据类型：“json”， async:false，//强制此同步 beforeSend:function（）{ var spinnerHtml=getSpinner（）； //检查它是否不存在 如果（$（'#微调器'）。长度<1）{ //添加微调器 $（“WhereYouWantItToGo”）.html（spinnerHtml）； } } 成功：函数（结果）{ //生成pdf的逻辑 }, 错误：函数（）{ }, 完成：函数（）{ //检查它是否存在并删除 如果（$（'#微调器'）。长度>0）{ $（“#微调器”）.remove（）； } } });

---

感谢Gaurav.的回复。。请尝试在ajax中使用getSpinner（）。谢谢你能给我一个我可以尝试的url吗？我的html上没有div，所以我必须使用函数getSpinner（）。你能推荐一种使用函数getSpinner（）的方法吗。