ajax를 사용하여 데이터 목록을 로드할 때 로드를 요청하도록 서버에 요청하는 방법

다음 편집기는 ajax를 사용하여 서버에 데이터 목록 로드 및 프롬프트 로드를 요청하는 방법에 대한 기사를 제공합니다. 편집자님이 꽤 괜찮다고 생각하셔서 지금부터 ajax 소스코드를 공유해서 참고용으로 올려드리겠습니다. 편집기를 따라가면 어떻게 ajax를 사용하여 서버에 데이터 목록을 로드하고 프롬프트 로딩을 요청하는지 살펴보겠습니다. weui.js의 weui.loading을 효과로 사용하고, 로딩 시 ajax의 beforeSend 및 완료 메소드를 예제로 만듭니다. 몇 초 동안 로드됩니다...

페이지에 로드해야 하는 JS 파일:

weui의 문서에서 다운로드할 수 있습니다. 데모는 https://weui.io/weui.js/

여기에서는 주로 jQuery ajax get에 대해 설명합니다. is:

$.ajax({
  type: 'get',
  url: url,
  data: data,
  dataType: 'json',
  contentType: 'apllication/json; charset=utf-8' ,
  //数据加载前调用的方法 beforeSend()
  beforeSend: function(data){
   //这里判断，如果没有加载数据，会显示loading    
   if(data.readyState == 0){ 
     weui.loading('loading');   
   }
  },
  //数据加载成功调用的方法 sucess()
  sucess: function(data){
    //这里写数据加载成功后，会执行的代码
  },  
  //数据加载成功后调用的方法  complete()
  complete: function(data){
    //这里判断，数据加载成功之后，loading 隐藏
    if(data.status == 200){
      setTimeOut(function(){
        weui.loading('loading').hide();
      },500);
    }
  },
  //数据加载错误后调用的方法 error()
  error: function(data){
    weui.topTips('数据加载失败！');
  }
})

위의 영리하게 ajax를 사용하여 서버에 데이터 목록 로드를 요청하고 로드 방법을 묻는 방법은 편집자가 공유한 내용이 모두 참고가 되기를 바랍니다. 그리고 나는 또한 모든 사람들이 PHP 중국어 웹사이트를 지지해주기를 바랍니다.

관련 권장 사항:

Ajax 데이터 로딩 기능 구현의 자세한 예

ajax 사용 방법의 예

ajax가 Java 백그라운드에 제출된 후 데이터를 처리하는 방법에 대한 자세한 설명의 예

위 내용은 ajax를 사용하여 데이터 목록을 로드할 때 로드를 요청하도록 서버에 요청하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!