Angularjs $ http POST запрос пустой массив

Question

Выполняется успешно $http request, но PHP-скрипт на другом конце получает пустой массив $_POST, когда он должен получать «test» и «testval». Есть идеи?

$http({ 
    url: 'backend.php', 
    method: "POST", 
    data: {'test': 'testval'}, 
    headers: {'Content-Type': 'application/x-www-form-urlencoded'} 
    }).success(function (data, status, headers, config) { 
    console.log(data); 

    }).error(function (data, status, headers, config) {}); 

Answer 1

Если вы тусклой отправить только что простые данные, попробуйте следующее:

$http({ 
    url: 'backend.php', 
    method: "POST", 
    data: 'test=' + testval, 
    headers: {'Content-Type': 'application/x-www-form-urlencoded'} 
    }).success(function (data, status, headers, config) { 
     console.log(data); 

    }).error(function (data, status, headers, config) {}); 

И PHP часть Шоул выглядеть так:

<?php 
    $data = $_POST['test']; 
    $echo $data; 
?> 

Он работает для меня.

Answer 2

Удалить следующую строку, и предшествующая запятая:

headers: {'Content-Type': 'application/x-www-form-urlencoded'} 

И тогда данные будут отображаться в $ _POST. Вам нужна только эта строка, если вы загружаете файл, и в этом случае вам придется декодировать тело, чтобы получить данные.

Answer 3

Это распространенная проблема с AngularJS.

Первым шагом является изменение типа содержимого заголовок по умолчанию для POST запрос:

$http.defaults.headers.post["Content-Type"] = 
    "application/x-www-form-urlencoded; charset=UTF-8;"; 

Затем, используя запрос XHR перехватчик, необходимо сериализовать должным образом объект полезной нагрузки :

$httpProvider.interceptors.push(['$q', function($q) { 
    return { 
     request: function(config) { 
      if (config.data && typeof config.data === 'object') { 
       // Check https://gist.github.com/brunoscopelliti/7492579 
       // for a possible way to implement the serialize function. 
       config.data = serialize(config.data); 
      } 
      return config || $q.when(config); 
     } 
    }; 
}]); 

Таким образом, данные полезной нагрузки снова будет доступен в $ _POST массив.

Для получения дополнительной информации о XHR interceptor.

Другая возможность, то его поддерживать содержание типа заголовка по умолчанию , а затем на стороне сервера разбора полезной нагрузки:

if(stripos($_SERVER["CONTENT_TYPE"], "application/json") === 0) { 
    $_POST = json_decode(file_get_contents("php://input"), true); 
} 

Answer 4

Я нашел свое решение здесь http://www.peterbe.com/plog/what-stumped-me-about-angularjs. В разделе «AJAX не работает, как jQuery», часть кода, которая решила мою проблему.

Answer 5

Более упрощенный способ:

myApp.config(function($httpProvider) { 
    $httpProvider.defaults.transformRequest = function(data) {   
     if (data === undefined) { return data; } 
     return $.param(data); 
    }; 
    $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8'; 
});