<!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
今日推荐
周排行