Ajax 데이터 로 딩 중 페이지 에 짧 은 공백 이 발생 하 는 문 제 를 그림 으로 불 러 오기(추천)

1812 단어 ajax데이터로드
프로젝트 에서 ajax 비동기 로 데 이 터 를 가 져 온 후 데이터 문제 나 네트워크 문제 로 페이지 가 계속 비어 있 습 니 다.지금 은 그림 을 불 러 와 서 이 상 태 를 과도 합 니 다.

<script>
  $(function(){
    $.ajax({
      url:'',//           
      dataType:'json',
      type:'POST',  
      beforeSend: function(){
        $('#loading').html("<img src=\"images/loading.gif\" width=\"15%\" style=\"text-align:center;margin:0 auto;\"><p style=\"color:#999;font-size:14px\">   ,   ……</p>") //             
      },
      error: function(msg){ //        
        zNodes=data.responseJson;
        alert("   ,      ,      ");
      },
      success:function(msg){ //             
        $('#loading').fadeOut(1000);  //      ;
        var ul = "";
        for(var i= 0;i<msg.legth;i++){ //      
          ul += "<li class='list'><a href='php/phpArticle.php?art="+msg[i]['id']+" 'class='widget-list-link'>" + msg[i]['title']+"<i class='more-mark'>"+">>"+"</i></a></li>";
        } 
          $("#list").html(ul);
      },
      error:function(){ //     
        console.log("    ") ;
      }
    });
  });
</script>
데이터 로드 상태 표시

위 에서 말 한 것 은 편집장 님 께 서 소개 해 주신 로 딩 이미지 로 Ajax 데이터 로 딩 중 페이지 에 짧 은 공백 이 발생 하 는 문 제 를 해결 하 는 것 입 니 다.여러분 께 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.편집장 님 께 서 신속하게 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기