ホームページ >ウェブフロントエンド >jsチュートリアル >Vue のポストで null パラメータを処理する方法

Vue のポストで null パラメータを処理する方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-12 11:37:405614ブラウズ

今回は、vue の post で null パラメータを扱う方法と、vue の post で null パラメータを扱う際の注意事項について説明します。実際のケースを見てみましょう。

それでは、商品は下記にて発送させていただきます。

1、axios

npm install axios --save
をインストールします

2. axios コンポーネントを追加します

import axios from 'axios'
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
axios.defaults.baseURL = 'http://localhost:7878/zkview';
Vue.prototype.$ajax = axios;

3. リクエストを受け取るrreee

4、投稿リクエスト

testGet: function () {
 this.$ajax({
  method: 'get',
  url: '/test/greeting',
  params: {
   firstName: 'Fred',
   lastName: 'Flintstone'
  }
 }).then(function (response) {
  console.log(response);
 }).catch(function (error) {
  console.log(error);
 });
},
post メソッドを使用するときにパラメータを渡す方法は 2 つあり、1 つは通常のメソッド、もう 1 つは

json

メソッドです。バックグラウンドが通常のメソッドを受け入れる場合は、上記のメソッドを使用します。

普通のやり方

testPost: function () {
    var params = new URLSearchParams();
    params.append('name', 'hello jdmc你好');
    params.append('id', '2');
    this.$ajax({
     method: 'post',
     url: '/test/greeting2',
     data:params
//     data: {id: '3', name: 'abc'}
    }).then(function (response) {
     console.log(response);
    }).catch(function (error) {
     console.log(error);
    })
   }

バックエンド受信パラメータ:

var params = new URLSearchParams();
params.append('name', 'hello jdmc你好');
params.append('id', '2');
data:params

jsonウェイ

rreee

バックグラウンドでのパラメーターの受信

public Student greeting2(int id,String name) {
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

springmvcは、axiosがリクエストを送信するときにパラメーターを受け入れることができません


vue+axiosページ切り替え時にリクエストを中断する方法


以上がVue のポストで null パラメータを処理する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。