jq ajax progress

jQuery Ajax 진행

$.ajax()에 progress 및 uploadProgress 약속 지원을 추가하는 경량 jQuery 플러그인

설치

npm

npm install jq-ajax-progress

수동으로

git clone [email protected]:likerRr/jq-ajax-progress.git

사용방법

jQuery 스크립트 이후 HTML 내에 src/jq-ajax-progress.min.js 포함합니다.

기본 사용법

 $ . ajax ( url , {
    progress : function ( e ) {
      // track downloading
    } ,
    uploadProgress : function ( e ) {
      // track uploading
      // if (e.lengthComputable) {
      //   var completedPercentage = Math.round((e.loaded * 100) / e.total);
      //   console.log(completedPercentage);
      //}
    }
  } ) 

확장된 사용

어떤 경우에는 청크된 데이터를 클라이언트에 보내야 할 때 방금 수신한 부분을 추적하는 것이 좋습니다. 이를 위해 부울 옵션 chunking (기본값은 false )을 사용합니다. true 로 설정하면 콜백 함수의 두 번째 매개변수가 청크 부분이 됩니다.

기본적으로 모든 청크 응답에는 이미 수신된 전체 텍스트 응답이 포함되어 있으며 부분적으로 작업해야 하는 경우 수동으로 잘라야 합니다. 서버에서 클라이언트로 큰 텍스트 또는 미디어 응답을 보내고 클라이언트가 전체 응답을 기다리지 않기를 원하는 경우 가능한 경우 중 하나입니다.

내부적으로는 전체 응답이 처음부터(0 인덱스부터) 마지막 부분이 나타날 때까지 잘려지므로 (이론적으로) 많은 양의 데이터가 성능 문제를 일으킬 수 있다는 점을 명심하세요. 하지만... 명심하세요 :)

 $ . ajax ( url , {
    chunking : true ,
    progress : function ( e , part ) {
      console . log ( part ) ;
    }
  } ) ;

짓다

노드 설치

npm install && npm run build 실행

그러면 라이브러리가 축소되어 src 폴더에 저장됩니다.

MIT 라이센스