Как передать переменную в ajax методом POST?

Question

[Mopaa]

Пишу такую конструкцию:

var x = '5';

        req.open('POST', 'ip.php', 'x');
        req.send();
        }

На стороне php пытаюсь вывести:
echo 'DO = '.$_POST['x'];
Но ничего не выходит, переменная пустая... Пробовал уже всяко, в GET передается без проблем, но нужен POST метод...

Answer 1

[krypt3r]

Что-то типа

var x = 5;
var body = 'x=' + x;
req.open("POST", 'ip.php', true);
req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
req.send(body);

Comments

[Mopaa]

Подскажите пожалуйста, что значит и зачем нужна данная строчка?

req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

[Mopaa]

И как передать допустим 2 значения? Допустим х и у? Спасибо

[Павел Корнилов]

Mopaa, строчка передаёт серверу заголовок запроса, в котором указан формат post.
2 значения:
'x=5&y=10'

[Mopaa]

KorniloFF,

var body = 'x=5&y=10';
Но при вызове
print_r($_POST);
Выдает массив в котором 1 ключ [x]

[krypt3r]

Mopaa, если у вас код типа такого

var x = 5;
    var y = 10;
    var body = 'x=' + 5 + '&y=' + y;
    var req = new XMLHttpRequest();
    req.open('POST', 'ip.php', false);
    req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    req.onreadystatechange = function () {
        if (req.readyState != 4) {
            return;
        }
        if (req.status != 200) {
            alert(req.status + ': ' + req.statusText);
        } else {
            alert(req.responseText);
        }
    };
    req.send(body);

то всё должно работать.

Answer 2

[Виктор П.]

var model = { "x": 5 };

        req.open('POST', 'ip.php', model);
        req.send();
        }

попробуйте так

upd: скорее так:

var model = { "x": 5 };

        req.open('POST', 'ip.php');
        req.send(model);
        }

Comments

[Mopaa]

echo 'DO = '.$_POST['x'];
Так и остается?

[Виктор П.]

я не знаю серверную часть на пыхе. Сейчас у вас явная ошибка при передачи переменной из яваскрипта. Вы пытаетесь передать неименованную строку 'x', так точно не работает. Попробовали мой вариант?

[Mopaa]

Виктор П., да, значит проблема в php части... Спасибо

[Виктор П.]

Сейчас у вас ошибка в клиентской части

Answer 3

[Ihor Bratukh]

Функция XMLHttpRequest IE8+

function ajax(params) {
  var request = new XMLHttpRequest();
  request.open(params.method, params.url, params.async || true);
  request.setRequestHeader('Content-Type', params.contentType || 'application/x-www-form-urlencoded; charset=UTF-8');
  request.onreadystatechange = function() {
    if (this.readyState === 4) {
      if (this.status >= 200 && this.status < 400) {
        if (params.success) params.success(this.responseText, this.statusText, this.status);
      } else {
        if (params.error) params.error(this);
      }
    } else {
      if (params.error) params.error(this);
    }
  };
  request.send(params.data ? JSON.stringify(params.data) : '');
  request = null;
}

ajax({
  url: 'ip.php',
  method: 'POST',
  contentType: 'application/json; charset=UTF-8',
  data: {
  	x: 5,
  	y: 10
  },
  success: function(response, statusText, status) {
    console.log('Запрос успешно отправился, получаем ответ', response);
  },
  error: function(XHR) {
    console.log('Ошибка запроса', XHR);
  }
});