angular提交表单http写法

HTTP POST 请求详解

最新推荐文章于 2025-02-05 11:13:10 发布

原创最新推荐文章于 2025-02-05 11:13:10 发布 · 2.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ionic #angular

ionic 同时被 2 个专栏收录

10 篇文章

订阅专栏

angular

1 篇文章

订阅专栏

本文介绍了两种使用 AngularJS 的 $http 服务发起 POST 请求的方法：一种用于发送普通表单数据，另一种用于上传图片文件。详细解释了如何设置请求头、转换请求体及处理响应。

提交带参数的数据

httpPost: function (data, url) {
    var deferred = $q.defer();
    $http({
        method: 'POST',
        url: url,
        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
        transformRequest: function(obj) {
            var str = [];
            for(var p in obj)
            str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
            return str.join("&");
        },
        data: data
    }).success(
        function (data, status, header, config) {
            deferred.resolve(data);
    }).error(function(data, status, headers, config) {;
        errShow(data, status, headers, config);
        //方法
    });
    return deferred.promise;
},

提交图片

httpPostImg: function (data, url) {
  var deferred = $q.defer();
  $http({
	  method: 'POST',
	  url: url,
	  headers: {'Content-Type': undefined},
	  transformRequest: angular.identity,
	  data: data,
	  processData: false,
	  contentType: false,
  }).success(
	  function (data, status, header, config) {
		  deferred.resolve(data);
  }).error(function(data, status, headers, config) {
	  errShow(data, status, headers, config);
  });
  return deferred.promise;
},