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

  • 相关阅读:
    清除文件的方法
    http协议笔记
    使用gitlab 对grafana用户做认证
    Android学习笔记(六) Activity和View基础
    Android学习笔记(五)Android框架
    Android学习笔记(四) JAVA基础知识回顾
    解决百度网盘限速问题
    Android学习笔记(三)Android开发环境的搭建
    Android学习笔记(二)Git和Github
    Android学习笔记(一)Git相关配置及使用
  • 原文地址:https://www.cnblogs.com/fron/p/ajax-loading.html
Copyright © 2011-2022 走看看