【AngularJs】发送Post请求 

<!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>

 

posted @ 2018-10-17 13:35  南京小黄猫  阅读(856)  评论(0)    收藏  举报