Почему не могу отправить данные на сервер?

Question

[karnuki]

Пытаюсь из скрипта отправить данные.
Скрипт расположен по пути /src/JS/services.js.
Вызываю этот скрип в index.js.
Сам скрипт:

function cratetask(){
  axios.post('http://webgis:81/src/server/index.php', {
    'a1' : 'привет'
  })
  .then(function (response) {
    console.log(response.data);
    console.log(response.status);
    console.log(response.statusText);
    console.log(response.headers);
    console.log(response.config);
  });
}

В самом index.php:

<?php
echo $_POST['a1'];
?>

Но ничего не выводит.

Если резюмировать, то мне нужно отправлять из скрипта на сервер переменную в данном случае строку 'привет' (для примера).

Answer 1

[Сергей delphinpro]

Добавьте заголовок

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

Comments

[karnuki]

const data = { 'bar': 123 };
const options = {
method: 'POST',
headers: { 'content-type': 'application/x-www-form-urlencoded' },
data: data,
url: 'webgis:81/src/server/index.php'
};
axios(options)
.then(function (response) {
console.log(response.data);
console.log(response.status);
console.log(response.statusText);
console.log(response.headers);
});

Сделал так но в консоли хедерс все равно выводит content-type: "text/html; charset=UTF-8"

[Сергей delphinpro]

karnuki, код оформляйте как положено. это не трудно. а читать удобнее.

[karnuki]

Сергей delphinpro,

const options = {
    method: "POST",
    headers: { "content-type": "application/x-www-form-urlencoded" },
    data: {a1 : 'привет'},
    url: "http://webgis:81/src/server/index.php",
  };
  axios(options).then(function (response) {
    console.log(response.data);
    console.log(response.status);
    console.log(response.statusText);
    console.log(response.headers);
  });

Я установил для хедера ['Content-Type'] = 'application/x-www-form-urlencoded';
при этом console.log(response.config); возвращает в консоль:
headers: {Accept: "application/json, text/plain, */*", Content-Type: "application/x-www-form-urlencoded"}
А при попытке вывести полученные данные в php кодом: echo $_POST; он выводит Array()

[Сергей delphinpro]

karnuki, Вы задаёте заголовок запроса, а в консоль выводите заголовок ответа. Это нормально, что они разные.
По поводу отправки данных попробуйте https://github.com/axios/axios#form-data

[karnuki]

Сергей delphinpro, Спасибо большое! Очень помог

Answer 2

[Денис Инешин]

Ну так открывайте консоль network в браузере и смотрите что делает ваш запрос.

Comments

[karnuki]

Он отправляет {a1: "привет"}
Но я не могу получить их на index.php

[Денис Инешин]

karnuki, ну а сервер что возвращает? ошибку? какой код ошибки?

[karnuki]

Денис Инешин, на сервере не возвращает ничего