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

  • 相关阅读:
    hdu 3790 最短路径问题
    hdu 2112 HDU Today
    最短路问题 以hdu1874为例
    hdu 1690 Bus System Floyd
    hdu 2066 一个人的旅行
    hdu 2680 Choose the best route
    hdu 1596 find the safest road
    hdu 1869 六度分离
    hdu 3339 In Action
    序列化和反序列化
  • 原文地址:https://www.cnblogs.com/fron/p/ajax-loading.html
Copyright © 2011-2022 走看看