ホームページ > ウェブフロントエンド > jsチュートリアル > Mock.js を使用して Node.js サーバー環境で AJAX リクエストをインターセプトするチュートリアル

Mock.js を使用して Node.js サーバー環境で AJAX リクエストをインターセプトするチュートリアル

高洛峰
リリース: 2017-03-28 14:38:51
オリジナル
2367 人が閲覧しました

0. Node環境にMockをインストールして使用します

# 安装
npm install mockjs
ログイン後にコピー
// 使用 Mock
var Mock = require('mockjs')
var data = Mock.mock({
  // 属性 list 的值是一个数组,其中含有 1 到 10 个元素
  'list|1-10': [{
    // 属性 id 是一个自增数,起始值为 1,每次增 1
    'id|+1': 1
  }]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))
ログイン後にコピー

1. ajaxリクエスト呼び出しをインターセプトします
メソッドの説明:

(1) rurl: オプションのパラメータ。


はインターセプトする必要がある URL を表し、URL 文字列または URL 規則性を指定できます。たとえば、//domain/list.json/、「/domian/list.json」などです。

(2)rtype: オプションのパラメーター。


は、インターセプトする必要がある Ajax リクエストのタイプを示します。たとえば、GET、POST、PUT、DELETE などです。

(3) テンプレート|関数: 必須パラメータ。いずれか 1 つだけを受け取ります。


(4) template はデータ テンプレートを表し、オブジェクトまたは文字列にすることができます。たとえば、{ 'data|1-10':[{}] }、'@EMAIL'。

(5) 関数は、url、type、body の 3 つの属性を含む、このリクエストの Ajax オプション セットを指します。XMLHttpRequest 仕様を参照してください。

ヒント

1.0 以降、Mock.js は、ネイティブ XMLHttpRequest の動作をオーバーライドしてシミュレートすることによって Ajax リクエストをインターセプトし、サードパーティの Ajax ツール ライブラリ (jQuery、Zepto など) に依存しなくなりました。

2. Ajaxリクエストタイムアウトのインターセプト

Ajaxリクエストをインターセプトする際の動作を設定します。サポートされている構成項目は次のとおりです。 タイムアウト。


(1)Mock.setup(設定)

(2)設定

必須。
設定アイテムのコレクション。
(3) タイムアウト
はオプションです。
インターセプトされた Ajax リクエストの応答時間をミリ秒単位で指定します。値は、応答コンテンツが 400 ミリ秒後に返されることを意味する 400 などの正の整数にすることも、応答コンテンツが返されることを意味する「200-600」などのハイフン「-」形式の文字列にすることもできます。時間は 200 ~ 600 ミリ秒です。デフォルト値は「10-100」です。

3. インターセプトは同じメソッド名を使用し、指定されたメソッドをインターセプトする列に移動します。コールおよびリーチ インターセプトを通じてこのポインタを変更します。

Mock.mock( rurl?, rtype?, template|function( options ) )
ログイン後にコピー

Node.js サーバー環境で Mock.js を使用して AJAX リクエストをインターセプトするチュートリアルの詳細については、PHP 中国語 Web サイトに注目してください。

関連記事:

インターセプターによるajaxリクエストのインターセプトインスタンスの詳細解説

JSによるグローバルajaxリクエストのインスタンス解析のインターセプト

phpでajaxリクエストかどうかを確認する方法

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート