catta 다운로드 - catta 소스 코드 다운로드

catta

기타 카테고리

1.0.0

다운로드

카타

catta는 브라우저 지원 Fetch, AJAX, JSONP 및 맞춤형 어댑터를 위한 간단한 요청 클라이언트입니다. 中文档-请点我

사용하기 매우 간단함
각 어댑터에 대한 통일된 옵션 및 사용법
모든 최신 브라우저 지원(컴포넌트 버전과 함께 IE 9+ 포함)
선택한 어댑터에 대한 자동 감지 브라우저 지원(자세한 내용)
맞춤형 자체 어댑터
경량, 2KB 미만의 코어 버전(최소 + gzip)

브라우저 지원

catta-min.js
- IE를 제외한 모든 최신 브라우저
- es6+ 폴리필이 없고 순수 라이브러리만 있음
catta-min-comp.js
- 모든 최신 브라우저, IE 9+
- Promise 및 Object.Assign 폴리필이 포함된 핵심 라이브러리
- Formdata 폴리필이 없습니다. {data: HTMLFormElement} 전송하려면 IE 10 이상이 필요합니다.
- Global Fetch 폴리필이 없습니다. 브라우저가 이 기능을 지원하지 않으면 AJAX 로 다운그레이드됩니다.

프로젝트에 이미 해당 폴리필이 있거나 IE 지원이 필요하지 않은 경우 순수 폴리필을 사용하는 것이 좋습니다.

용법

먼저 설치

 # local install
npm install catta --save

그런 다음 프로젝트로 가져옵니다.

 // With ES6 - *Recommend*
import catta from 'catta' ;

catta ( 'http://some/url' ) . then ( function ( res ) {
  console . log ( res ) ;
} ) ;

 // With CommonJS
const catta = require ( 'catta' ) ;

// or catta.ajax or catta.jsonp or catta.fetch
catta . default ( 'http://some/url' ) . then ( function ( res ) {
  console . log ( res ) ;
} ) ;

 <!-- And also with <script> in HTML - *Not Recommend* -->
< script src =" ./node_modules/catta/dist/catta-min.js " > </ script >
< script >
  // or catta.ajax or catta.jsonp or catta.fetch
  catta . default ( 'http://some/url' ) . then ( function ( res ) {
    console . log ( res ) ;
  } ) ;
</ script >

옵션

API

  import { ajax , fetch , jsonp , getScript } from 'catta' ;

  /**
   * make fetch/ajax/jsonp/getScript request
   * @param {string} url - request url
   * @param {Object} options - request options
   * 
   */
  ajax ( url , options ) ;

  // fetch request
  fetch ( url , options ) ;

  // jsonp request
  jsonp ( url , options ) ;

  // getScript 
  getScript ( url ) ;

중요한 옵션

	설명	유형	기본	술책	아약스	JSONP
URL	요청 URL	끈	null	다섯	다섯	다섯
방법	요청 방법	문자열 { 가져오기, 게시, 넣기, 삭제, 머리 }	'얻다'	다섯	다섯	엑스
데이터	서버로 데이터 전송	문자열/객체/양식 요소 [3]	{}	다섯	다섯	다섯

보조 옵션

	설명	유형	기본	술책	아약스	JSONP
유형	요청 유형 제한	문자열 { 가져오기, 아약스, jsonp, 스크립트 }	'자동'	—	—	—
시간 초과	초 후에 시간 초과 오류 발생	숫자	3	! [1]	다섯	! [1]
결과 유형	결과의 유형	{ 텍스트, JSON, 응답 }	텍스트	다섯	다섯	! [2]

v 지원됨 ! 부분적으로 지원됨 × 지원되지 않음

가져오기 및 JSONP 요청을 중단할 수 없습니다. 현재 시간 초과는 단지 시간 초과 오류 발생일 뿐입니다.
결과는 실행 가능한 자바스크립트 코드여야 하므로 resultType 옵션은 jsonp에서 작동할 수 없습니다.
FormData 기능이 있는 양식 요소만 지원

특별 옵션

	재산	설명	유형
jsonp	콜백이름	맞춤 콜백 이름 설정	끈
술책	십자가	요청이 교차 출처일 수 있는지 여부를 나타냅니다.	불리언
아약스	-	-	-

예

단순한

 import catta from 'catta' ;

catta ( 'http://some/url' ) . then ( function ( res ) {
  console . log ( res ) ;
} ) ;

풀옵션 포함

 import catta from 'catta' ;

catta ( 'http://some/url' , {
  type : 'jsonp' ,
  data : {
    page : 5 ,
    count : 20
  } ,
  timeout : 2 ,
  credential : false ,
  cross : false ,
  
  // sp. options
  jsonp : {
      callbackName : 'myCustomJSONP1'
  }
} )
. then ( res => console . log ( res ) )
. catch ( err => console . log ( err ) ) ;

Fetch/AJAX/JSONP만 사용하세요.

 import { fetch } from 'catta' ;

// only use fetch
fetch ( 'http://some/url' , {
  data : { a : 1 }
} ) . then ( function ( res ) {
  console . log ( res ) ;
} ) ;

사용자 정의 요청 헤더

 import catta from 'catta' ;

catta ( 'http://some/url' , {
  headers : {
    'Content-Type' : 'appliction/json'
  }
} )
. then ( function ( res ) {
  console . log ( res ) ;
} ) ;

전역 구성 덮어쓰기

 import { globalConfig } from 'catta' ;

// set global config, it will work for each request
globalConfig ( {
  timeout : 10
} ) ;

맞춤형 어댑터

사용자 정의 어댑터는 detector 와 processor 기능이 있는 개체일 뿐입니다. 이 기능은 특별한 요청에 대한 래퍼를 만들고 catta 이를 처리하도록 하는 데 사용됩니다.자세한 내용은 mtop 어댑터 예를 참조하세요.

 import { customAdapter } from 'catta' ;
import mtopAdapter from 'catta/lib/custom/mtop' ;

// set mtop adapter
customAdapter ( 'mtop' , mtopAdapter ) ;