tiny xhr

라이브러리의 목표는 AJAX를 ES6 Promise로 래핑하고 데이터 변환, 적절한 콘텐츠 유형 헤더 설정, 응답 헤더 구문 분석과 같은 일부 프로세스를 단순화하는 것입니다. "Tiny-Xhr"은 두 개의 인수를 취합니다. 첫 번째는 요청 세부 정보가 포함된 개체이고 두 번째는 사용자가 지정하고 응답과 함께 반환됩니다(아래 참조).

"Tiny-Xhr"의 주요 기능 :

• 데이터를 적절한 형식으로 변환
• 적절한 콘텐츠 유형 헤더 설정
• 응답을 파싱하는 중
• 응답 헤더 구문 분석

라이브러리는 자동으로 적절한 헤더를 설정하고 데이터를 적절한 형식으로 변환합니다. 단순화를 위해 라이브러리에는 다음과 같은 콘텐츠 유형이 있습니다.

• form - multipart/form-data, 데이터를 "FormData"로 변환
• url - application/x-www-form-urlencoded, 데이터가 방금 인코딩되었습니다.
• json - 애플리케이션/json, 데이터가 JSON으로 변환됩니다.

응답은 세 가지 속성을 가진 개체입니다.

• 응답 - 단지 응답 데이터일 뿐입니다.
• 헤더 - {Function}은 구문 분석된 헤더를 제공합니다.
• data - 두 번째 인수로 전달된 데이터

 var xhr = require ( 'tiny-xhr' ) ;
var data = document . querySelector ( 'form' ) ;

var options = {
                url : 'www' ,
                method : 'POST/GET' ,
                type : 'form/url/json' ,
                data : 'data' ,
                headers : {
                  "Authorization" : "Basic " + btoa ( "login:pass" )
                }
              } ;

xhr ( options , 'second argument' )
  . then ( function ( data ) {
    // data.response = it's just response
    // data.headers() = parsed headers {Object}
    // data.data = 'second argument'
  } )
  . catch ( function ( error ) {
    // doSomethingWithError
  } ) ;