rewrap-ajax.js プラグインの概要-jsチュートリアル-php.cn

私は長い間技術的な記事を書いていませんでしたが、この過程で日常生活の記録が技術的な記事を書くことに取って代わりました。情熱か火か、しかし今はです...

最近私は業界でホイールと呼ばれるJSプラグインを書きました。それが良いかどうかはあなた次第です。誰もがそれをうまく使うかどうか。
もちろん私自身が使用しているため、他のAjaxフレームワークの書き方を借用することはできません。現在のバージョンはバージョン1からの上位統合の結果であるため、十分に理解してください。内部構造については、バージョン 1 から始めることができます。

次に、全体的な設計構造について説明します。バージョン 1 は、nativeAjax を呼び出してメソッド内に配置するだけのメソッドです。 2 番目は ajax 属性です。次のように 2 つは成功した関数で、3 番目はエラー関数です。

nativeAjax(postOption,function(data){
    // 3.1、请求成功回调
    console.log(data);
},function(error){
    // 3.2、请求失败回调,返回HTTP状态码
    console.log(error);
});

ログイン後にコピー

まず、それを再カプセル化します。 ajax のサービス属性が固定されている場合、すべての ajax プロパティをオブジェクトにバインドできます。実際、指定されたオブジェクトに直接バインドされている場合は、パラメーターを与えたり取得したりするだけで済み、多くの作業が節約されます。プロセスははるかに単純ですが、柔軟性はあまり高くありません。内部的にカプセル化したい場合は、高い柔軟性と再利用可能な属性が必要なので、関数関数の中に属性を配置し、このポインターを使用して内部で ajax 属性をバインドして呼び出すと同時に、次のことができます。私の理解では、プラグインの再カプセル化はこのバージョンの内部構造の設計パターンです。

バージョン2 rewrap-ajaxで呼び出される外部構造はjqのJQ.fn属性に似ており、チェーン構造のオブジェクト属性メソッドで使用されるため、内部的にはwrap.service(`ajax`を使用します。

人気のチュートリアル

詳細>