VueJs как отправить post запрос с параметрами?

Question

[tarasikgoga]

Отправляю запрос таким образом

this.$http.post('http://localhost:3000/store', {something: 'string'}, {
          headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
          }})

и если смотреть через браузер то параметры выглядят так


Обратите внимание что мой объект это ключ другого объекта
(если использовать json.stringfy() то мой объект все равно будет ключем другого объекта)
Почему так получилось и как составить нормальный объект?

Comments

[ozknemoy]

если нажать view sourсe то видим объект {"something":"string"}

Answer 1

[Fetur]

Не знаю VueJs, но есть альтернатива - дедовский XMLHttpRequest или $.post. К чему этот сахар, который не сластит, а заставляет только обращать взор на то, что уже сделано много лет назад. Доколе на тостере будут глупые вопросы "Как отправить post запрос" коих уже больше 680. Смешно.
Вот скажите мне, чем отличается ваш post от моих двух вариантов? Я предполагаю, что ничем.

Comments

[ozknemoy]

а не смешно предлагать использовать jq запросы в фреймфорке у которого свои запросы есть? я такую клоунаду встречал в ангуларе. было не до смеха. а отличаются они тем что вью не обновится сторонними запросами, только модель. хотя о чем это я, лучше же везде пихать XMLHttpRequest который останавливает поток

Answer 2

[Archakov Dennis]

Ваш вопрос не особо понятен. Ключ другого объекта?

Если вы хотите, чтобы вместо ключа something, вбивалось то значение, которое есть в переменной something, то вам нужно создать объект в переменной и потом уже передавать эту переменную (объект) в запрос.

var data = {};
var something = 'test_key';
data[something] = 'string';
this.$http.post('http://localhost:3000/store', data, ...