How can I use Angular $http to POST data to PHP

Question

plenty of topics regarding this and I promise I have tried a lot (all day).

Here is the code I have:

app.controller('contactsController', function($scope, $rootScope, dataService, $http) {

        $rootScope.currentPage = "contact";

        $scope.postData = [];

        $scope.runScript = function() {
            $http({
                url: "post.php",
                method: "POST",
                headers: {'Content-Type': 'application/x-www-form-urlencoded'},
                data: $.param({postData:$scope.postData})
            }).success(function(data, status, headers, config) {
                $scope.data = data;
            }).error(function(data, status, headers, config) {
                $scope.status = status;
            });

        };
    });

<form name="contactForm" method="post" ng-submit="runScript()">
            <div class="col-sm-10">
                <div class="input-group">
                    <span class="input-group-addon" id="basic-addon1">E-mail Address</span>
                    <input ng-model="{{postData.email}}" name="email" class="form-control" placeholder="[email protected]" aria-describedby="basic-addon1" required>
                </div>
            <br>
                <div class="input-group">
                    <span class="input-group-addon" id="basic-addon1">Message</span>
                    <textarea ng-model="{{postData.message}}" name="inputMessage" class="form-control"></textarea>
                </div>
            </div>
            <div class="col-sm-2">
                <button type="submit" class="btn btn-default">Send</button>
            </div>
        </form>
        {{data}} and {{status}}

$inputData = file_get_contents("php://input");

$inputData = json_decode($inputData);

$email = $inputData->email;

echo $email;

Now I've probably made a few mistakes whilst trying to get this to work, from what I had earlier - I'm not getting any errors but I'm also not getting any success - I've been at this all day!!!! Thanks!

also check this link stackoverflow.com/questions/19254029/… — tnash
– tnash, Commented Feb 17, 2015 at 22:55

Bas Slats · Accepted Answer · 2015-02-17 22:49:53Z

1

Angular posts the data in JSON format that php does not natively consumes. You will have to read and json decode the input like so:

// get the raw POST data
$inputData = file_get_contents("php://input");

// this returns null if not valid json
$inputData = json_decode($inputData);

answered Feb 17, 2015 at 22:49

Bas Slats

2772 silver badges10 bronze badges

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

2 Comments

Bas Slats Over a year ago

Can you try removing the following line: headers: {'Content-Type': 'application/x-www-form-urlencoded'},

Marshall Over a year ago

Thanks, that may have been the issue but also I had {{ }} with ng-model on the inputs, which is obviously incorrect - but one of the many mistakes that I created myself whilst I was trying to fix the bloomin' script!!!! Thanks!

Vittorio Delsignore · Accepted Answer · 2015-02-17 23:47:00Z

0

I might be wrong but if you only use POST you should find your data in the _POST variable. You need to use file_get_contents("php://input") only if you submit PUT requests.

Also, you are submitting a key postData and you are trying to read ->email..

answered Feb 17, 2015 at 23:47

Vittorio Delsignore

364 bronze badges

Collectives™ on Stack Overflow

How can I use Angular $http to POST data to PHP

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related