ホームページ > ウェブフロントエンド > jsチュートリアル > Vue での POST リクエストの使用 (コードが添付されています)

Vue での POST リクエストの使用 (コードが添付されています)

php中世界最好的语言
リリース: 2018-06-04 14:59:21
オリジナル
14692 人が閲覧しました

今回はvueでの投稿リクエスト(コード付き)をご紹介します。 vue の開発プロセスでは、常に何らかの問題に遭遇します。もちろん、どんな問題があっても前進を妨げることはできません。開発プロセス中に遭遇した問題を以下に示します。

リクエスト パラメーター

1,とりあえずバックグラウンドデータが無い場合、投稿リクエストのパラメータのほとんどは name:a,age:b の形式で書かれることになります

import axios from 'axios';
axios.post(url,{
    name:'0',age:''
    },{emulateJSON: true}, {  // 这里是跨域写法
    headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}  // 这里是跨域的写法
    }).then(reponse=>{
     console.log(reponse)
      this.tableData=reponse.data.data
    })
ログイン後にコピー
この書き方で問題ありません

2.背景が書かれているのに、投稿リクエストを name:a&age:b という風に書きたい場合、上で書いたデータは現時点ではリクエストできません。この問題を解決するプラグイン

2.1、

install

qs

 npm install --save axios vue-axios qs
ログイン後にコピー
2.2、in 要求されたページを追加します
    import qs from 'qs';
     import axios from 'axios';
axios.post(url,qs.stringify({  // 通过qs.stringify()将对象解析成URL的形式
    name:'0', age:'2'
    }),{emulateJSON: true},{
    headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}
    }).then(reponse=>{
     console.log(reponse)
     this.tableData=reponse.data.data
    })
ログイン後にコピー
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、お支払いください。 php 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

Nuxt.js SSR 権限検証の使用


JS を使用して最も単純なクロスドメインを実現する方法

以上がVue での POST リクエストの使用 (コードが添付されています)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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