Sebuah artikel menerangkan secara terperinci dua cara menghantar parameter dalam aksios

axios Semua orang tahu bahawa terdapat perpustakaan yang boleh digunakan untuk sama ada 客户端 atau 服务端 menghantar http permintaan. Tetapi kadangkala ia boleh menjadi tidak selesa apabila bersama-sama menyahpepijat bahagian hadapan dan bahagian belakang, jadi di sini saya akan membuat ringkasan. Semoga ia dapat membantu seseorang yang ditakdirkan.

Kaedah lulus parameter [Cadangan berkaitan: tutorial video vue.js]

Secara amnya terdapat dua cara untuk lulus parameter, satu ialah menggunakan params, yang lain ialah kaedah data Banyak kali kita melihat kod bahagian hadapan seperti ini

dapatkan permintaan

axios({
    method: 'GET',
    url: 'xxxxx',
    params: param,
  })
或者 
axios({
    method: 'GET',
    url: '/xxx?message=' + msg,
  })

permintaan pos

<.>

axios({
    method: 'POST',
    url: '/xxxxx',
    data: param,
  })
  或者
 axios({
    method: 'POST',
    url: '/xxxxx',
    params: param,
  })

Penghantaran yang betul

Penyelesaian untuk lulus parameter dibahagikan kepada pos dan dapatkan. Mari lihat dari sini

<span style="background-color:#cccccc;">post</span>

Kebanyakan orang akan salah faham, mari kita lihat.

post

data adalah dalam bentuk <span style="background-color:#cccccc;">data</span>

Bercakap daripada contoh, kod kes yang digunakan ialah parameter pos, Dan tiada transcoding dilakukan.

method: 'POST',
    url: '/xxxxx',
    data: param,
  })

Hasil konsol

Apa yang dihantar menggunakan data ialah objek, dalam konsol Apa yang anda lihat ialah

request payload

Cara untuk menerima parameter di latar belakang node

Here I am Latar belakang dibina menggunakan

. Anda perlu menggunakan pemalam koa untuk menghuraikan parameter koa-bodyparserbody

seperti berikut:

import Koa from 'koa';
import bodyParser from 'koa-bodyparser'
const app = new Koa();


app.use(bodyParser());

app.listen(9020, () => {
  console.log('the server is listen 9020 port');
})

Latar Belakang penerimaan Kaedah parameter

java

tidak begitu biasa bagi saya di Jawa, tetapi saya tahu. Jika anda perlu menerima

parameter yang diluluskan sebagai

. Anda perlu menggunakan anotasi axios dan menggunakan kelas entiti untuk menerimanya , semua perlu mendapatkan parameter daripada data. Ia digunakan terutamanya untuk menghantar parameter objek Data yang diperoleh di latar belakang ialah @responseBody. Data dalam bentuk data boleh melakukan banyak perkara, seperti

Muat naik fail

,

Serahan borang, dll.

post data Ini Diluluskan dalam bentuk objek, kod kes adalah seperti berikut: bodyobjAnalisis hasil penyemak imbas

params

Lihat sumber paparan seperti berikut:

 axios({
    method: 'POST',
    url: '/xxxxx',
    params: param,
  })

Cara untuk menerima parameter di latar belakang

Memulakan perkhidmatan ialah sama seperti di atas, tetapi parameter diterima Kaedah telah berubah sedikit

Cara menerima parameter di latar belakang

node

Saya tidak dapat memikirkan perkara ini, secara teori ia adalah dari bar alamat Hidupkan parameter. Anda juga harus menggunakan anotasi @resquestParam

dapatkan permintaan

dapatkan permintaan Tidak kira kaedah yang digunakan, parameter terakhir akan diletakkan pada laluan. Menggunakan param hanya bermakna axios menyerikan parameter ini untuk anda dan menyambungkannya ke dalam url. Untuk alasannya, sila semak perkara berikut

javaTerdapat dua sebab

Apabila menghadapi masalah ini, kita perlu melihat kod sumber

Di sini kita hanya akan Lihat bahagian tentang pengendalian parameter. Jika anda berminat, semak sendiri kod sumber.

Memproses

Dalam

dalam fail

, kita dapat melihat bahawa

akan menjadi

axios

Dalam axios's default.js, terdapat fungsi yang secara khusus menukar parameter data.

Nota: Di atas hanyalah contoh data parameter lulus! Malah, terdapat kes di mana data disambung pada bar alamat, atau fail dimuat naik, dsb. Terlalu banyak, di sini saya hanya menerangkan cara menggunakannya.

Memproses params

Dalam axios dalam fail adapt/ xhr.js, kita dapat melihat bahawa axois akan meletakkan parameter params ke dalam url di laluan.

Beberapa kod utama buildUrl adalah seperti berikut:

Ringkasan

Dalam hakikatnya, bahagian hadapan dan bahagian belakang Dalam proses parameter dok hujung ke hujung, untuk permintaan post, jika data tidak berfungsi, maka gunakan params untuk meneruskannya. mungkin terdapat masalah dengan bahagian belakang.

Atas ialah kandungan terperinci Sebuah artikel menerangkan secara terperinci dua cara menghantar parameter dalam aksios. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!