Doing a POST request in AngularJS is bit tricky. If you do it like below, you cannot access the POST variables with $_POST or $_REQUEST via php. With the below method, you can access POST variables only via file_get_contents();
|
|
$http({ url: "api/getUserData", method: "POST", data:{user_id:app.user_id} }).success(function(data, status, headers, config) { $scope.data = data; }).error(function(data, status, headers, config) { $scope.status = status; }); |
How to get POST values with above method
|
|
$postdata = file_get_contents("php://input"); $request = json_decode($postdata); $user_id = $request -> user_id; |
The reason is, AngularJS doesn’t serialize the data ( parameters ) passed to the POST request automatically. Therefore we have to serialize the data with $.params() which is available in jQuery . Also the default content-type of the posted data is application/json. Therefore we need to override the Content-type headers of the post request to application/x-www-form-urlencoded in order to access the the posted values via $_POST or $_REQUEST
|
|
$http({ url: "api/getUserData", method: "POST", headers: {'Content-Type': 'application/x-www-form-urlencoded'}, data: $.param({user_id:app.user_id}) }).success(function(data, status, headers, config) { $scope.data = data; }).error(function(data, status, headers, config) { $scope.status = status; }); |
You can access POST values in above method as shown below.
|
|
$user_id = $_POST['user_id']; |