vueはajaxをサポートしていますか?

WBOY
リリース: 2022-07-01 16:47:05
オリジナル
2960 人が閲覧しました

Vue 自体は ajax リクエストをサポートしていませんが、「vue-resource」、axios、およびその他のプラグインを使用して vue を実装し、ajax リクエストを送信できます。axios は、送信に使用される Promise ベースの HTTP リクエスト クライアントです。 「vue-resource」は、XMLHttpRequest または JSONP を使用して Web リクエストを作成し、応答を処理するためのサービスを提供するプラグインです。

vueはajaxをサポートしていますか?

このチュートリアルの動作環境: Windows 10 システム、Vue3 バージョン、Dell G3 コンピューター。

vue は ajax をサポートしていますか?

Vue 自体は AJAX リクエストの送信をサポートしていません。vue-resource (vue1.0 バージョン)、axios (vue2.0 バージョン) を使用する必要があります。および実装するその他のプラグイン

axios は、リクエストの送信に使用される Promise ベースの HTTP リクエスト クライアントであり、vue2.0 によって公式に推奨されています。更新および保守は行われなくなりました

vue -resource は、XMLHttpRequest または JSONP を使用して Web リクエストを作成し、応答を処理するためのサービスを提供する Vue.js のプラグインです。

vue が 2.0 に更新されると、作者は vue-resource を更新しないことを発表しましたが、axios を推奨します。ここでは vue-resource について学ぶことができます。

vue は axios を使用して AJAX リクエストを送信します:

ホームページで axios をインストールして導入します

npm install axios -S
ログイン後にコピー

または axios.min.js ファイルを直接ダウンロードしますスクリプト src を通じてオンライン ファイルの紹介

ログイン後にコピー
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios,axios);
Vue.prototype.$axios = axios;
ログイン後にコピー

#*get request

1. 基本的な使用形式

形式 1: axios([options]) #Thisこの形式は、すべてのデータを options に直接書き込みます

形式 2: axios.get(url[,options])

2. パラメータの受け渡し方法:

URL パラメータを渡す

params オプションを介してパラメータを渡す

コード スニペット:

    

    

注册账号

    

ログイン後にコピー
ログイン後にコピー
*post リクエスト (プッシュと削除の非取得リクエストは同じです)

形式: axios.post(url,data,[options]) または axios([options])

ログイン後にコピー
index.js グローバル ガード

router.beforeEach((to,form,next) =>{
      //如果进入到的路由是登录页或者注册页面,则正常展示
      if (to.path === '/login') {
          next();
        } else {
          let token = window.sessionStorage.getItem('token');
          // console.log(token)
          if (token === null || token === '') {
            next('/login');
            // alert("还没有登录,请先登录!");
          } else {
            next();
          }
        }
      // console.log(to)
  })
ログイン後にコピー
[関連する推奨事項: "

vue.jsチュートリアル###"】###

以上がvueはajaxをサポートしていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!