Javascript AngularJS Http Post到API

Javascript AngularJS Http Post到API,javascript,angularjs,html,api,Javascript,Angularjs,Html,Api,单击“添加新用户”时,将出现一个模式弹出窗口,其中包含一个文本字段和一个复选框 当我单击create按钮时,它不会将数据发布到API,而且模式弹出窗口也会保留在那里而不会关闭 我希望将数据发布到API(插入),在单击create之后关闭模式弹出窗口,并将新用户添加到列表中 这是我的密码 $scope.createUser = function(){ $http({ method : 'POST', url : 'mydomain.

单击“添加新用户”时,将出现一个模式弹出窗口,其中包含一个文本字段和一个复选框

当我单击create按钮时,它不会将数据发布到API,而且模式弹出窗口也会保留在那里而不会关闭

我希望将数据发布到API(插入),在单击create之后关闭模式弹出窗口,并将新用户添加到列表中

这是我的密码

$scope.createUser = function(){
        $http({
          method  : 'POST',
          url     : 'mydomain.com/api/CreateUser',
          data    : $scope.newUser,
          headers : {'Content-Type': 'application/x-www-form-urlencoded'} 
         })
          .success(function() {});
  };


<div class="modal-body">

                  <form ng-submit="createUser ()">
                        <div class="form-group">
                            <div class="row" style="padding-left: 30px;">
                              <div class="col-xs-2">
                                <label>User Name</label>
                              </div>
                              <div class="col-xs-10">
                                <input type="text" class="form-control" placeholder="" ng-model="newUser.name">
                              </div>
                            </div>

                        </div>
                        <div class="form-group">
                            <div class="row" style="padding-left: 30px;">
                              <div class="col-xs-2">
                                <label>&nbsp;</label>
                              </div>
                              <div class="col-xs-10">
                                <input type="checkbox" name="active" ng-model="newUser.active"> &nbsp; Is active?
                              </div>
                            </div>

                        </div>


                        <div class="modal-footer">
                            <button class="btn btn-info" type="submit">Create</button>
                            <button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button>
                        </div>
                </form>
        </div>
$scope.createUser=function(){
$http({
方法:“POST”,
url:'mydomain.com/api/CreateUser',
数据:$scope.newUser,
标题:{'Content-Type':'application/x-www-form-urlencoded'}
})
.success(函数(){});
};
用户名
是活动的吗?
创造
取消
试试这个:

$http.post('mydomain.com/api/CreateUser', $scope.newUser).success(function(response) {
     console.log(response);
});

试试这个:

$http.post('mydomain.com/api/CreateUser', $scope.newUser).success(function(response) {
     console.log(response);
});


如何检索API文件中的数据?我使用http get检索数据,但无法发布到I您如何检索API文件中的数据?我使用http get检索数据,但无法发布到it@user3055606或者你可以试试,如果编辑的版本适合你,我没有API,我只是想使用它。您可以使用xml作为数据库在plnkr上发布一个工作示例吗?您应该能够从api中提供信息是的,我可以从api中获取每个字段的信息,但不是示例。您可以提供更多您正在使用的信息,否则我无法帮助您。@user3055606或者您可以尝试,如果编辑的版本适合您,我不拥有API,我只是想消费它。你能帮我在plnkr上发布一个使用xml作为数据库的工作示例吗?你应该能够从api中提供信息是的,我可以从api中获取每个字段的信息,但不能举例。你能提供更多你正在使用的信息吗?否则我帮不了你。