Question

15

Angularjs - Form Post Data Not Posted?

rated 0 times [ 17] [ 2] / answers: 1 / hits: 39658 / 11 Years ago, tue, november 19, 2013, 12:00:00

I must admit I am a little bit confused... I have never done this before and I am apparently missing something

When I pass data via http.post to my php file I am can't seem to collect data...

Can someone tell me why this does not work?

FormData gets displayed in console log,, and the file is being written for sure.. however it looks like no data is passed..

$scope.submitForm = function() {

    formData = $scope.form;



    $http.post('form2.php', JSON.stringify(formData)).success(function(){



        console.log(formData);

        //window.location.href = form2.php?data= + JSON.stringify(formData);



    });

};

This is in my php file.. trying to write data from submitted form to a file... (just testing)..

    <?php



        $file = 'form2.txt';

        $data = json_decode($_REQUEST['data'],true);



        //print( '<pre>' );

        //print_r ($data);

        //print( '</pre>' );



        $data_insert = Name:  . $data['firstname'] .

                    , Email:  . $data['emailaddress'] . 

                    , Description:  . $data['textareacontent'] . 

                    , Gender:  . $data['gender'] . 

                    , Is Member:  . $data['member'];



        //print $data_insert;



        file_put_contents($file, $data_insert, FILE_APPEND | LOCK_EX);



    ?>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

estefanib

Add To Favorites

Follow

Total Points: 508

Total Questions: 104

Total Answers: 83

Location: Lebanon

Member since Sun, Aug 2, 2020

4 Years ago

estefanib questions

1 JavaScript - wait until element loaded on website using Chrome extension

Sat, Jul 10, 21, 00:00, 3 Years ago

1 How to auto close an alert after few seconds with Bootstrap?

Mon, Jun 28, 21, 00:00, 3 Years ago

1 What is the difference between a User and a GuildMember in discord.js?

Sun, Sep 20, 20, 00:00, 4 Years ago

1 react styled components style inner elements

Fri, Aug 21, 20, 00:00, 4 Years ago

1 How to automatically refresh an interactive grid after clicking on save button or at a fixed interval?

Wed, Jun 17, 20, 00:00, 4 Years ago

View All

answered 11 Years ago halie · Accepted Answer

After doing quite some research I discovered that this is somewhat of a php speciffic issue.. and I found answersa on these two posts..

here:
Angular HTTP post to PHP and undefined

and here:
http://sebgoo.blogspot.ca/2013/05/angularjs-post-data-to-php.html

My final PHP code looks like this..

        $file = 'form2.txt';



        $postdata = file_get_contents(php://input);

        $data = json_decode($postdata, true);





        $data_insert = Name:  . $data['firstname'] .

                , Email:  . $data['emailaddress'] . 

                , Description:  . $data['textareacontent'] . 

                , Gender:  . $data['gender'] . 

                , Is a member:  . $data['member'];





        //print $data_insert;



        file_put_contents($file, $data_insert, FILE_APPEND | LOCK_EX);

I would also like to credit Mike Brant (https://stackoverflow.com/users/1529853/mike-brant) whose solution from a referenced stack post was very helpful.. I up-voted his response too.

My angular app code looks something like this... and it is a great improvement from the original one thanks to artur grzesiak (https://stackoverflow.com/users/2956115/artur-grzesiak)

var app = angular.module('myApp', []);



app.controller('FormCtrl', function ($scope, $http) {



var formData = {

    firstname: default,

    emailaddress: default,

    textareacontent: default,

    gender: default,

    member: false

};





$scope.submitForm = function() {



    $http({



        url: form2.php,

        data: $scope.form,

        method: 'POST',

        headers : {'Content-Type':'application/x-www-form-urlencoded; charset=UTF-8'}



    }).success(function(data){



        console.log(OK, data)



    }).error(function(err){ERR, console.log(err)})

};



});

Finally,, the HTML form that was used to submit this form looks something like this...

<div ng-app=myApp>



    <form ng-controller=FormCtrl ng-submit=submitForm()>

        First name:    <br/><input type=text ng-model=form.firstname>    <br/><br/>

        Email Address: <br/><input type=text ng-model=form.emailaddress> <br/><br/>

        Description:<br/> <textarea rows=3 cols=25 ng-model=form.textareacontent></textarea>

            <br/>

        <input type=radio ng-model=form.gender value=female />Female ...

        <input type=radio ng-model=form.gender value=male />Male <br/>

            <br/>

        <input type=checkbox ng-model=form.member />Already a member

            <br/>

        <input type=submit ngClick=Submit >

    </form>



</div>

Thanks to everyone who helped!