memposting data dengan Axios

Saya perlu menggunakan kode seperti ini:

vr1 = 'firstName'
value1 = 'Fred'
vr2 = 'lastName'
value2 = 'Flinstone'

axios({
  method: 'post',
  url: '/user/12345',
  data: {
     vr1: Value1,
     vr2: Value2
  }
});

jadi, itu akan sama dengan mengeksekusi:

axios({
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
});

Apakah hal ini mungkin dilakukan dengan menggunakan Java Script 6?

Coba yang satu ini juga dan ganti

baseURL
dengan url nama host Anda sendiri

import axios from 'axios'

let var1 = 'firstName'
let value1 = 'Fred'
let var2 = 'lastName'
let value2 = 'Flinstone'

const api = axios.create({baseURL: 'http://example.com'})
api.post('/user/12345', {
    var1: value1,
    var2: value2
})
.then(res => {
     console.log(res)
})
.catch(error => {
     console.log(error)
})
Komentar (0)
Larutan

Anda bisa membuat objek Anda sendiri dan meneruskannya ke permintaan data Anda seperti ini:

var obj = {
  [myKey]: value,
}

or 

var obj = {};
obj['name'] = value;
obj['anotherName'] = anotherValue;

https://stackoverflow.com/questions/19837916/creating-object-with-dynamic-keys

https://stackoverflow.com/questions/4071499/dynamically-add-variable-name-value-pairs-to-json-object

diedit: cara memposting permintaan

const profile = {};
//...fill your object like this for example
profile[key] = value;

axios.post('profile/student', profile)
  .then(res => {
    return res;
  });
Komentar (3)

Coba ini berhasil untuk saya

const obj = {
  firstName: Fred,
  lastName: Flinstone
}
axios
  .post(
    "url",
    this.obj,
  )
  .then(response => {
    console.log(response)
  })
  .catch(error => {
    console.log(error);
  });
Komentar (0)