Angularjs - Form Post Data Not Posted?

前端 未结 2 615
滥情空心
滥情空心 2021-01-02 10:54

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

2条回答
  •  情书的邮戳
    2021-01-02 11:29

    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...

    First name:


    Email Address:


    Description:

    Female ... Male

    Already a member

    Thanks to everyone who helped!

提交回复
热议问题