PHP/Angularjs/Post data empty

Question

I do choose two fields (month and origin) in a form and submit it to an AngularJS controller, i am using 1.3.13 version packaged with Ionic framework.

Watching a console.log inside then method the values are populated correctly.

The q.promisse wich is returned have this value: [object, object].

The list of the HTML template is not populated with the rigth expected values.

The values does not populate the PHP POST variable in the PHP API.

How can i populate the POST data ???

In my template i do submit to search method :

 <form method="post" ng-controller="AcpSearchCtrl" ng-submit="search(data)">
    <select name="month" ng-model="data.month">
      <option value="01">January</option>

And in my controller o do use http.post and a promisse:

.controller('AcpSearchCtrl', function($scope, ApiAcpSearch, $ionicLoading, $timeout, $http, ApiAcpEndpoint, $q) {  
  $scope.search = function(data) {
    $ionicLoading.show({
      noBackdrop: false,
      template: '<p>searching ...</p>'
    });
    var q = $q.defer();
    $scope.formData = {};
    $scope.submission = false;
    var param = function(data) {
          var returnString = '';
          for (d in data){
              if (data.hasOwnProperty(d))
                 returnString += d + '=' + data[d] + '&';
          }
          return returnString.slice( 0, returnString.length - 1 );
    };
    console.log('formData : '+$scope.formData);
    return $http({
      url:ApiAcpEndpoint.url,
      data : param($scope.formData),
      method : 'POST',
      headers : {'Content-Type':'application/x-www-form-urlencoded; charset=UTF-8'}
    }) 
    .then(function(data) {      
          q.resolve(data);          
          var acp = {};
          acp.qdata = [ data ];
          $scope.data = acp.qdata;
          $ionicLoading.hide();
          return q.promise;
      });
  }
})

Falk Thiele · Accepted Answer · 2017-09-22 12:42:43Z

5

AngularJS, by default, sends data in the JSON format. You won't find it in the regular PHP globals ($_REQUEST, $_POST or $_GET).

You have two ways to solve this issue:

Set the default Content-Type globally for AngularJS (just setting the header before the request will not work).

var app = angular.module("app", []);
app.config(['$httpProvider', function($httpProvider) {
    $httpProvider.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";
    $httpProvider.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest";
}]);

The alternative is that you handle the way AngularJS sends the data in PHP:

$angularJSData = json_decode(file_get_contents("php://input"));

// json_decode will create an object so if you need in array format
$angularJSData = (array)$angularJSData;

With this knowledge you can create a function or even your own global.

edited Sep 22, 2017 at 12:42

Falk Thiele

4,5042 gold badges20 silver badges46 bronze badges

answered Jul 16, 2015 at 13:38

Ricardo Velhote

4,7001 gold badge27 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Ângelo Rigo Over a year ago

Thank´s Ricardo i tried but does not work, this must be a minor detail. Is there any kind of debugging i can do? i am printing and see null on the server side PHP script. I also tried to separate into a service and there the month and origin appear populated but still not into the PHP API.

Ângelo Rigo Over a year ago

I just get err_content_encoding

Ricardo Velhote Over a year ago

@ÂngeloRigo Post your whole form.

Ângelo Rigo Over a year ago

I pass the whole form, as you point and work´s ! thank you very much. My problem now is that at the console log i see the correct data filtered by month and origin coming from the webservice, but the template does not update to show this data and shows the unfiltered data instead . I have the $scope.data with the real data on the console.log, how do i force an update or return the correct data ?

Ricardo Velhote Over a year ago

@ÂngeloRigo Without knowing your full requirements (or the ionic framework) here's my suggestion. I think you are complicating matters by using promises in this situation $http({ /* code */ ).success(function(data) { /* More stuff */ });. Do you understant what I mean?

|

Collectives™ on Stack Overflow

PHP/Angularjs/Post data empty

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related