How to pass multiple textbox fields to angular js as array [closed]

Question

Closed. This question needs details or clarity. It is not currently accepting answers.

Want to improve this question? As written, this question is lacking some of the information it needs to be answered. If the author adds details in comments, consider editing them into the question. Once there's sufficient detail to answer, vote to reopen the question.

Closed 7 years ago.

Improve this question

Below is Controller:

app.controller("DemoController", function ($scope, $http) {

$scope.Save = function () { 

    var Details = [];
    Details = $scope.UserForm.AllFields;
    $http.post(
            "api/Add.php",
            {'DemoDetails':$scope.Details}
    ).then(function successCallback(response) {
        // Store response data
        alert(response.data);
    }, function errorCallback(response) {
        alert(response.data);
    });
};

});

Below is HTML form:

`<form method="POST">
<input type="text" placeholder="Email" name="username" required="">
<input type="text" placeholder="Password" name="password" required="">
<input type="submit" name="login" ng-click="Save()" value="login"></label> 
</div>
</form>`;

Below is php script:

 `<?php 
 $postdata = file_get_contents("php://input");
 if(isset($postdata) && !empty($postdata)){

 $request  = json_decode($postdata); 

 $username  = $request->username;
 $password  = $request->password;

 }`;

and save to datatabse

Unheilig · Accepted Answer · 2018-10-20 05:57:20Z

0

You have to serialize your form like that:

var serializedData = UserForm.serialize();
scope.onSubmit({data: serializedData});

Before to go further, please take a look on that directive, it is a sharp and fancy way to do what you are trying to do by using directive. Retrieve all inputs values from a form AngularJS

edited Oct 20, 2018 at 5:57

Unheilig

16.3k193 gold badges71 silver badges101 bronze badges

answered Oct 20, 2018 at 5:53

user10421833

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

Collectives™ on Stack Overflow

How to pass multiple textbox fields to angular js as array [closed]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related