vue を使用して a=a&b=b 形式の POST リクエストを実装する方法

今回はvueを使ってa=a&b=b形式のpostリクエストを実装する方法を紹介します。 a=a&b=b形式のpostリクエストを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 サイトの他の関連記事にも注目してください。

推奨読書:

ReactネイティブListViewを使用して上部のプルダウン更新と下部のクリック更新を追加する方法

Vue2.0を使用してカメラを呼び出して写真を撮る方法

以上がvue を使用して a=a&b=b 形式の POST リクエストを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。