jq Ajax请求中显示Loading...

HTML

	<div id="loading">
		<img src='/jquery/images/loading.gif' />
	</div>
	< input type="button" id="btn" value="请求">

JS

$('#btn').click(function(){
     $.ajax({
          url ---- ，根据你需要设置url路径
          type:'post',
          data:'name=Test',
          timeout:15000,
          beforeSend:function(XMLHttpRequest){
              $("#loading").show();     // 数据加载成功之前，显示loading...
         },
         success:function(data,textStatus){
              $("#loading").hide();     // 成功后，隐藏loading...
           },
          complete:function(XMLHttpRequest,textStatus){
              // alert('远程调用成功，状态文本值：'+textStatus);
             $("#loading").hide();
           },
           error:function(XMLHttpRequest,textStatus,errorThrown){
             $("#loading").hide();   // 失败后，隐藏loading...，重新加载...
              if(status == 'timeout') {
                    xhr.abort();    // 超时后中断请求
                    $.alert("网络超时，请刷新", function () {
                        location.reload();
                    })
                }
          }
       });
    });