VueでAjaxリクエストのパブリックメソッドを作成する方法

今回は、Vue で ajax を使用して public メソッドをリクエストする方法を説明します。以下は実際のケースです。

コードの冗長性を減らすために、編集者は、参考のために 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);
    }
   });
  });
 }

テストは成功しました!

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Angular17でのカスタム命令の使用の詳細な説明

JSでのEventLoopの使用の詳細な説明

マルチページを変換するためのシングルページスキャフォールディングメソッド

🎜🎜ページ足場🎜🎜 🎜🎜

以上がVueでAjaxリクエストのパブリックメソッドを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。