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>//页面显示信息

  • 相关阅读:
    Transformers 简介(下)
    OpenCV-Python 姿态估计 | 五十
    Transformers 简介(上)
    OpenCV-Python 相机校准 | 四十九
    在Keras中可视化LSTM
    分析师和统计学家可以和谐相处吗?
    Array类模板
    C++中 公有继承 私有继承 和保护继承的区别
    文件输入输出
    PTA(浙大数据结构,c语言)
  • 原文地址:https://www.cnblogs.com/fron/p/ajax-loading.html
Copyright © 2011-2022 走看看