<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css">
<title>SupplierDetail</title>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<div class="container-fluid">
<form>
<div class="form-group row">
<label for="inputName" class="col-sm-1 col-form-label">名称</label>
<div class="col-sm-11">
<input type="text" class="form-control" id="inputName" placeholder="供应商名称" ng-model="supplierInfo.name">
</div>
</div>
<div class="form-group row">
<label for="inputRemark" class="col-sm-1 col-form-label">备注</label>
<div class="col-sm-11">
<input type="text" class="form-control" id="inputRemark" placeholder="供应商备注信息" ng-model="supplierInfo.remark">
</div>
</div>
<div class="form-group row">
<div class="col-sm-11">
<button type="submit" class="btn btn-primary" ng-click="saveData()">保 存</button>
</div>
</div>
</form>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="../lib/jquery/jquery.3.2.1.js"></script>
<script src="../lib/popper/popper.1.12.9.js"></script>
<script src="../lib/bootstrap/js/bootstrap.min.js"></script>
<script src="../lib/angular-1.7.5/angular.min.js"></script>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope, $http) {
// $scope.name='aaa';
// $scope.remark='123';
$scope.saveData = function () {
if ($scope.supplierInfo.id) {//修改
alert($scope.supplierInfo.name)
}
else {//新增
var config = {
headers: { 'Content-Type': 'application/json' }
// transformRequest: function (obj) {
// var str = [];
// for (var p in obj) {
// str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
// }
// return str.join("&");
// }
};
var data = {
"name":$scope.supplierInfo.name,
"remark":$scope.supplierInfo.remark
}
$http.post('http://localhost:8006/rest/littlecat/caobao/supplier/add', data, config)
.then(function (result) { //正确请求成功时处理
window.location = 'SupplierList.html'
}).catch(function (result) { //捕捉错误处理
console.log(result);
});
}
}
});
</script>
</body>
</html>
【AngularJs】发送Post请求
猜你喜欢
转载自www.cnblogs.com/njlittlecat/p/9803599.html
今日推荐
周排行