如何在angularjs中将表单数据保存到数据库

时间:2017-06-28 20:18:19

标签: angularjs ajaxform

我很有棱角分明。 我正在开发一个内部工具,我可以获取用户详细信息,如位置,工作资料和手机号码等。 所以我有一个包含位置,工作档案下拉列表和手机号码输入字段的表单。这里对于上面的字段我已经通过ajax get请求从数据库获取数据。如果我想更改像mobileNumber这样的数据,我该怎么做?以及如何将其保存到数据库中,该数据库应该覆盖之前的手机号码。提前谢谢。

这是我的HTML代码:

 <form name="userForm">
                    <div class="page-heading fs-xs-1-5">
                       Update Profile
                    </div>
                    <div class= "second-row">
                      <div class="row">
                        <div class="col-lg-4">
                            <label for="Location"> Location</label>
                            <select class="form-control" placeholder="location" ng-model="user.location" required>
                                    <option value="">Select Location</option>
                                    <option>Hyderabad</option>
                                    <option>Ahmadabad</option>
                                    <option>New Jersey</option>
                                    <option>California</option>
                                    <option>Jaipur</option>
                            </select>
                        </div>
                        <div class="col-lg-4">
                            <label for="WorkProfile"> Work Profile</label>
                            <select class="form-control" placeholder="workprofile" ng-model="user.workProfile" required>
                                    <option value="">Select Profile</option>
                                    <option>UI Developer</option>
                                    <option>Tester</option>
                            </select>
                        </div>
                        <div class="col-lg-4">
                            <label for="ContactNumber"> Contact Number</label>
                            <input class="form-width contact-height" type="text" ng-model="user.mobileNumber" maxlength="20" required></input>
                        </div>
                      </div>   
                    </div>
                    <div class="third-row">
                      <div class="row">
                        <div class="col-lg-4">
                        <label for="SkillSet"> Skill Set</label>
                        <textarea id="SkillSet" class="form-width" placeholder="Enter Your skill set here..." row="4" col="100" ng-model="user.skillset" maxlength="250" required></textarea>
                        </div>
                      </div>
                    </div>        
                    <button class="btn btn-primary setng-btn" type="submit" ng-click="addnewdata">Save</button>
                    </form>

JS:`

(function () {

    angular
        .module('app.login')
        .factory('userprofileService', userprofileService);

    userprofileService.$inject = ['config', '$http'];

    function userprofileService (config, $http) {
        var userprofileService = this;
        userprofileService.getUserDetails = function(){
        return $http({
                        method: 'GET',
                        url: config.apiURL+'/v2/user',
                        headers: { 'Content-Type': 'application/json' }
                    }).then(function(response){
                        return response.data;
                    });
        }
`

1 个答案:

答案 0 :(得分:0)

这太清楚了。 简而言之,您需要REST服务作为后端来调用以保存数据。

AngularJS项目只是前端,你需要后端(用Nodejs,JSP或asp.net/C#开发)来实现这个目的。