Thursday 8 June 2017

Retrieve my Angular posted data in Node

I am posting with angular to my back end backend/index.js this is node

I them want to read the data posted and store as variables so that i may use in a different post from the back-end.

I believe my post is correct (although any improvements are appreciated) What I cant work out how to do is get the post and store them as variables.

Bellow is the html and angular controller for my front end post to back-end.

Question

How do I retrieve the posted data in node

Controller

   FirstModule.controller('formController', function ($scope, $http) {
        $scope.formData = {};

        $scope.processForm = function (Fname, Lname, email) {
            var data = {
                Fname: $scope.formData.Fname,
                Lname: $scope.formData.Lname,
                email: $scope.formData.email,
            };

    //Call the services
            $http.post('backend/index.js', JSON.stringify(data)).then(function (response) {
                if (response.data)
                    $scope.formData = "Post Data Submitted Successfully!";

            }, function (response) {
                $scope.formData = "Post Data Submitted Failed";
                $scope.statusval = response.status;
                $scope.statustext = response.statusText;
                $scope.headers = response.headers();
            });
        }

;
});

HTML

 <form name="myForm" id="signup-form" class="col-sm-8 col-sm-offset-2"
                  ng-submit="processForm()"
                  ng-click="postdata(formData)">


<div class="form-group">
    <label for="first-name">First Name*</label>
    <input type="text" class="form-control col-sm-12" name="Fname" placeholder="Enter first name"
           ng-model="formData.Fname"
           ng-required="true">
    <span ng-if="!myForm.Fname.$invalid" class="glyphicon glyphicon-ok " style="color: green" aria-hidden="true"></span>
</div>

<div class="form-group">
    <label for="first-name">Last Name*</label>
    <input type="text" class="form-control col-sm-12" name="Lname" placeholder="Enter last name"
           ng-model="formData.Lname"
           ng-required="true">
    <span ng-if="!myForm.Lname.$invalid" class="glyphicon glyphicon-ok " style="color: green" aria-hidden="true"></span>
</div>

<div class="form-group">
    <label for="first-name">Email*</label>
    <input type="email" class="form-control col-sm-12" name="email" placeholder="Enter valid E-mail"
           ng-model="formData.email"
           ng-required="true">
    <span ng-if="!myForm.email.$invalid" class="glyphicon glyphicon-ok " style="color: green" aria-hidden="true"></span>
</div>

  <button type="submit" class="btn btn-danger">Submit</button>

</form>



via Beep

No comments:

Post a Comment