Angular Js get和post

get:

$http.get("http://192.168.2.33:8080/v1/member.a?wcid=" + $scope.wcid).success(function(response) {
    $scope.member = response.body;
 });

post: 这个有两种形式,一种是最熟悉的表单提交,还有一种就是将参数转为data来传参
一:表单提交

<form id="form_add" method="post" enctype="multipart/form-data">
     <table>
     <tbody>
     <tr><td>uid</td><td><textarea id="uid" name="uid" rows="1" cols="80">1</textarea></td></tr>
     <tr><td>name</td><td><textarea id="name" name="name" rows="5" cols="80"></textarea></td></tr>
     <tr><td>view</td><td><textarea id="view" name="view" rows="1" cols="80">0</textarea></td></tr>
     <tr><td>comment</td><td><textarea id="comment" name="comment" rows="1" cols="80">0</textarea></td></tr>
     <tr><td>favorite</td><td><textarea id="favorite" name="favorite" rows="1" cols="80">0</textarea></td></tr>
     <tr><td>price</td><td><textarea id="price" name="price" rows="1" cols="80">0</textarea></td></tr>
     <tr><td>address</td><td><textarea id="address" name="address" rows="5" cols="80"></textarea></td></tr>
     <tr><td>brand</td><td><textarea id="brand" name="brand" rows="1" cols="80"></textarea></td></tr>
     <tr><td>description</td><td><textarea id="description" name="description" rows="5" cols="80"></textarea></td></tr>
     <tr><td>t1</td><td><textarea id="t1" name="t1" rows="1" cols="80">1</textarea>1推荐  2 吐槽</td></tr>
     <tr><td>t2</td><td><textarea id="t2" name="t2" rows="1" cols="80">1,2</textarea>1 白领家具  2 办公室小确幸  3 人在旅途  4 生命在于运动</td></tr>
     <tr><td>pid</td><td><textarea id="pid" name="pid" rows="1" cols="80">0</textarea></td></tr>
     <tr><td><input type="submit" value="add" ng-click="add()" /></td><td>{{json.message}}</td></tr>
     </tbody>
     </table>
 </form>

// js 中:
var app = angular.module('admin', []);
app.controller('post_add', function($scope, $http) {
   $scope.add = function() {
     var formdata = new FormData($("form_add"));
     $http({
         method: 'POST',
         url: "http://192.168.2.33:8080/v1/admin_post_add.a",
         data: formdata,
         headers: {
            'Content-Type': undefined
         },
         transformRequest: angular.identity
     }).success(function(response) {
         $scope.json = response.body;
     });
   }
});

二:将参数转为data,post请求

var orderAddParamData = {"mid": $scope.member.guid, "count" :  $scope.count, "amount": $scope.allMoney, "cids": $scope.cartGuid, "counts": $scope.counts, "amounts": $scope.amounts};

$http({
   method: 'POST',
   url: "http://192.168.2.33:8080/v1/order_add.a",
   data: $.param(orderAddParamData),
   headers: {
    'Content-Type': "application/x-www-form-urlencoded"
   },
   transformRequest: angular.identity
  }).success(function(response) {
   console.log(response.body);
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,837评论 18 139
  • 同步请求可以从因特网请求数据, 一旦发送同步请求,程序将停止用户交互,直至服务器返回数据完成, 才可以进行下一步操...
    小灬博阅读 890评论 2 4
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,740评论 18 399
  • Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE。URL全称...
    元素周期表的十七君阅读 628评论 0 1
  • 文|颐园清音 在我生下老大坐月子期间,七大姑八大姨来看我时就问我追不追生二胎的事了。我也是无语了。 我闺蜜雪儿,夫...
    颐园清音阅读 1,713评论 10 5