cattaダウンロード - cattaソースコードのダウンロード

catta

その他のカテゴリー

1.0.0

ダウンロード

カッタ

catta は、ブラウザーの単純なリクエストクライアントであり、フェッチ、AJAX、JSONP をサポートし、独自のアダプターをカスタマイズすることもできます。中文档-请点我

非常に簡単な使い方
各アダプターの統一オプションと使用法
すべての最新ブラウザをサポート (IE 9 以降、互換バージョンを含む)
ブラウザーの自動検出とアダプターの選択をサポート (詳細)
カスタム独自のアダプター
軽量、コアバージョンは 2 KB (min + 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	弦	ヌル	v	v	v
方法	リクエストメソッド	文字列 { get 、 post 、 put 、 delete 、 head }	'得る'	v	v	×
データ	データがサーバーに送信される	文字列/オブジェクト/フォーム要素[3]	{}	v	v	v

二次オプション

	説明	タイプ	デフォルト	フェッチ	アヤックス	JSONP
タイプ	リクエストタイプを制限する	文字列 { フェッチ、ajax、jsonp、スクリプト }	「自動」	—	—	—
タイムアウト	数秒後にタイムアウトエラーをスローします	番号	3	！ [1]	v	！ [1]
結果の種類	結果の種類	{ テキスト、json、応答 }	文章	v	v	！ [2]

vサポートされています。一部対応×非対応

フェッチと JSONP リクエストは中止できません。現在のタイムアウトはタイムアウトエラーをスローするだけです
resultTypeオプションは、結果が実行可能な JavaScript コードである必要があるため、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 ) ) ;

フェッチ / 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 ) ;