[英]AngularJS Http Post to API
When Add new User is clicked there will be a modal pop-up with form that include a text field and a checkbox. 单击添加新用户时,将出现一个模式弹出窗口,其形式包括文本字段和复选框。
When I click the create button it does not post the data to the API and also the modal pop-up remain there without closing. 当我单击“创建”按钮时,它不会将数据发布到API,并且模式弹出窗口仍保留在那里而没有关闭。
I want the data to be posted to the API (insert), the modal pop-up to close after clicking on create and also the new user to be added to the List. 我希望将数据发布到API(插入),在单击“创建”后关闭模式弹出窗口,并将新用户添加到列表中。
Please here is my code 请这是我的代码
$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> </label>
</div>
<div class="col-xs-10">
<input type="checkbox" name="active" ng-model="newUser.active"> 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>
Try this: 尝试这个:
$http.post('mydomain.com/api/CreateUser', $scope.newUser).success(function(response) {
console.log(response);
});
or 要么
$http({
method: 'POST',
url: 'mydomain.com/api/CreateUser',
headers:
{
'Content-type': 'application/x-www-form-urlencoded',
},
data:
'name=' + $scope.newUser.name +
'&active=' + $scope.newUser.active
}).success(function(data, status) {
console.log(data);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.