この記事は主に Vue に基づいた ajax パブリック メソッドを共有します (詳細な説明)。これは非常に参考になるので、皆様のお役に立てれば幸いです。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。
コードの冗長性を減らすために、同僚が使用できるように ajax をリクエストするパブリック メソッドを抽出することにしました。
このメソッドを記述するために ES6 構文を使用しました。
/** * @param type 请求类型,分为POST/GET * @param url 请求url * @param contentType * @param headers * @param data * @returns {Promise<any>} */ ajaxData: function (type, url, contentType, headers, data) { return new Promise(function(resolve) { $.ajax({ type: type, url: url, data: data, timeout: 30000, //超时时间:10秒 headers: headers, success: function(data) { resolve(data); }, error: function(XMLHttpRequest, textStatus, errorThrown) { resolve(XMLHttpRequest); } }); }); }
コールバック関数を通じてリクエスト結果を返します。
テストコードは次のとおりです:
getAjaxDataMethod: function () { const url = ""; const type = "POST"; const contentType = "application/json"; const headers = {}; const data = {}; Api.ajaxData(type, url, contentType, headers, data).then(function (res) { console.log(res); }).catch(function (err) { console.log(err); }) }
テストは成功しました!
関連する推奨事項:
C# の日付形式変換用のパブリック メソッド クラスの詳細な実装
以上がVueのajaxパブリックメソッドインスタンスの詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。