Jquery的ajax提交时显示“加载中”的代码

1
2
3
4
5
6
7
8
9
10

$(function(){
    $("#loading").ajaxStart(function(){
        $(this).html.("<img src='/jqueryStu/images/loading.gif' />");
      });
      $("#loading").ajaxSuccess(function(){
        $(this).html.("");
        // $(this).empty(); // 或者直接清除
      });
}）;
<div id="loading"></div>

$(function(){ $("#loading").ajaxStart(function(){ $(this).html.("<img src='/jqueryStu/images/loading.gif' />"); }); $("#loading").ajaxSuccess(function(){ $(this).html.(""); // $(this).empty(); // 或者直接清除 }); }）; <div id="loading"></div>

1

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

$('#ajax_test2').click(function(){
     $.ajax({
          url ---- url路径，根据你需要些啦,
          type:'post',
          data:'name=ZXCVB',
          timeout:15000,
          beforeSend:function(XMLHttpRequest){
              //alert('远程调用开始...');
              $("#loading").html.("<img src='/jqueryStu/images/loading.gif' />");
         },
         success:function(data,textStatus){
             alert('开始回调，状态文本值：'+textStatus+' 返回数据：'+data);
             // $("#loading").empty();
           },
          complete:function(XMLHttpRequest,textStatus){
              // alert('远程调用成功，状态文本值：'+textStatus);
             $("#loading").empty();
           },
           error:function(XMLHttpRequest,textStatus,errorThrown){
              alert('error...状态文本值：'+textStatus+" 异常信息："+errorThrown);
             $("#loading").empty();
          }
       });
    });
< input type.="button" id="ajax_test2" value="Ajax方式">
  <div id="loading"></div>

$('#ajax_test2').click(function(){ $.ajax({ url ---- url路径，根据你需要些啦, type:'post', data:'name=ZXCVB', timeout:15000, beforeSend:function(XMLHttpRequest){ //alert('远程调用开始...'); $("#loading").html.("<img src='/jqueryStu/images/loading.gif' />"); }, success:function(data,textStatus){ alert('开始回调，状态文本值：'+textStatus+' 返回数据：'+data); // $("#loading").empty(); }, complete:function(XMLHttpRequest,textStatus){ // alert('远程调用成功，状态文本值：'+textStatus); $("#loading").empty(); }, error:function(XMLHttpRequest,textStatus,errorThrown){ alert('error...状态文本值：'+textStatus+" 异常信息："+errorThrown); $("#loading").empty(); } }); }); < input type.="button" id="ajax_test2" value="Ajax方式"> <div id="loading"></div>