Javascript 如何通过单击按钮从输入框中获取值并保存到数据库

我还在学习如何在AngularJS上编程。 我想从输入框中获取值，然后单击按钮将其保存到数据库中。 我的数据库表称为“用户”。我有像id、用户名、密码、姓名等列。 我有两个复选框。当我单击第一个复选框（编辑）时，它显示“div myVar”，当我单击第二个复选框（添加新用户）时，它显示“div myVar1”。 我想激活此按钮“添加”，将输入框值添加到数据库MySQL。请帮帮我

我有以下html代码：

<label><input type="checkbox" ng-model="myVar">Edit</label>
<label><input type="checkbox" ng-model="myVar1">Add new user</label>
    <div ng-show="myVar">
    <div class="form">
    <form ng-submit="saveItem(userForm.$valid)" name="userForm">
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="database_address">User</label>
                    <input type="text" class="form-control" required ng-model="activeItem.username" placeholder="Потребителско Име..." />
                </div>

                <div class="form-group">
                    <label for="password">Password</label>
                    <input type="text" class="form-control" required id="password" ng-model="activeItem.password"  />
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="username">Operator</label>
                    <input type="text" class="form-control" required id="username" ng-model="activeItem.name" />
                </div>
            </div>

            </div>
            <button class="btn btn-primary" ng-disabled="userForm.$invalid" type="submit">Save</button>
            <!--<button class="btn btn-primary" ng-disabled="userForm.$invalid" type="submit">Добавяне на нов</button>-->
        </form><form ng-submit="createUser(userForm.$valid)" name="userForm1">
    <div class="row">
        <div class="col-sm-6">
            <div class="form-group">
                <label for="database_address">User</label>
                <input type="text" class="form-control1" ng-model="usernamee" placeholder="Потребителско Име..." />
            </div>

            <div class="form-group">
                <label for="password">Password</label>
                <input type="text" class="form-control1" ng-model="passwordd"required id="password"   />
            </div>
        </div>
        <div class="col-sm-6">
            <div class="form-group">
                <label for="username">Operator</label>
                <input type="text" class="form-control1" ng-model="namee" required id="username"  />
            </div>
        </div>
    </div>
    <button class="btn btn-primary" ng-click="createUser();" type="submit">Add user</button>
    <!--<button class="btn btn-primary" ng-disabled="userForm.$invalid" type="submit">Добавяне на нов</button>-->
</form>

---

我建议使用反应形式，这样你的生活就会轻松。如果你使用angularjs，你应该使用angularjs标记而不是angularjs标记。另外，除非你有很好的理由学习angularjs（第一个angular版本），否则我建议你改为学习angularjs（当前版本7）。我从不使用反应式和角度式。我在一周前开始从事php初级web开发人员的工作…但现在他们给了我这个关于angularjs的项目…请帮助我建议使用反应式表单，这样你的生活就会轻松如果你使用angularjs，你应该使用angularjs标记而不是angularjs标记。另外，除非你有很好的理由学习angularjs（第一个angular版本），否则我建议你改为学习angularjs（当前版本7）。我从不使用反应式和角度式。我在一周前开始从事php初级web开发人员的工作……但现在他们给了我这个关于angular的项目……请帮助

 $scope.createUser=function()
{
    //console.log($scope.activeItem);
        //delete $scope.activeItem.hash_method
        var objectToSave = {
            username: $scope.usernamee,
            password: $scope.passwordd,
            name: $scope.namee,
            id: $scope.id
        };
         {
            defaultAdapter.query('INSERT INTO users(username,password,name,id) VALUES(username = :usernamee, password = :passwordd,name = :namee WHERE id =:id)',
              { replacements: objectToSave, type: Sequelize.QueryTypes.UPDATE }
            ).then(projects => {
              console.log(projects);
              $scope.editMode = false;
                $scope.activeItem = false;
                $scope.refresh();
            });

        }


    }