jquery的ajax提交时加载处理方法

时间:2023-03-09 03:52:19
jquery的ajax提交时加载处理方法

1.定义全局的,就是所有的ajax的请求的加载都会出现相同的提示

$(function(){

//加载成功显示的状态

$("#showLoading").ajaxSuccess(function(){

$(this).html("");  //$(this).empty();直接消除

});

//加载中显示的状态

$("#showLoading").ajaxStart(function(){

$(this).html("<img src="图片文件路径"/>");

});

});

页面上显示ajax加载的提示文字,成功后清除提示。

2.定义特定位置提示,提示的位置是可变的。

$('#submit').click(function(){
     $.ajax({
          url:访问的路径,
          type:'post',
          data:{'name=名称'},//请求参数
          timeout:15000,//链接超时时间
          beforeSend:function(XMLHttpRequest){
              $("#loading").html.("<img src='图片路径' />");//显示加载的状态
         },
         success:function(data,textStatus){
              $("#loading").empty();//清空加载提示
           },
          complete:function(XMLHttpRequest,textStatus){
             $("#loading").empty();//清空加载提示
           },
           error:function(XMLHttpRequest,textStatus,errorThrown){
             $("#loading").empty();//加载出错,清空提示
          }
       });
    });

< input type.="button" id="submit">//页面提交方式
  <div id="loading"></div>//页面显示信息