zoukankan      html  css  js  c++  java
  • 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>//页面显示信息

  • 相关阅读:
    ThreadLocal
    mysql
    heroku 的用法
    Redis
    disruptor
    RxJava
    TCP
    虚拟机的安装及配置等
    k8s
    Ribbon源
  • 原文地址:https://www.cnblogs.com/fron/p/ajax-loading.html
Copyright © 2011-2022 走看看