ionic/angular $http post form-data请求

前端之家收集整理的这篇文章主要介绍了ionic/angular $http post form-data请求前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

主要有两个步骤,一是重置$http的heads参数,二是参数转换方法

$http的heads参数

var param = {url:'',method:'post'}
//transformRequestAsFormPost是自定义方法代码在下面
param['transformRequest'] = transformRequestAsFormPost;
//虽然transformRequestAsFormPost中也对headers做了改变,但不知道为什么不好用,自测在这里修改才好用
param['headers'] = { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'};

transformRequestAsFormPost

app.factory(
  "transformRequestAsFormPost",function() {
    // I prepare the request data for the form post.
    function transformRequest( data,getHeaders ) {
      var headers = getHeaders();
      headers[ "Content-type" ] = "application/x-www-form-urlencoded; charset=utf-8";
      return( serializeData( data ) );
    }
    // Return the factory value.
    return( transformRequest );
    // ---
    // PRVIATE METHODS.
    // ---
    // I serialize the given Object into a key-value pair string. This
    // method expects an object and will default to the toString() method.
    // --
    // NOTE: This is an atered version of the jQuery.param() method which
    // will serialize a data collection for Form posting.
    // --
    // https://github.com/jquery/jquery/blob/master/src/serialize.js#L45
    function serializeData( data ) {
      // If this is not an object,defer to native stringification.
      if ( ! angular.isObject( data ) ) {
        return( ( data == null ) ? "" : data.toString() );
      }
      var buffer = [];
      // Serialize each key in the object.
      for ( var name in data ) {
        if ( ! data.hasOwnProperty( name ) ) {
          continue;
        }
        var value = data[ name ];
        buffer.push(
          encodeURIComponent( name ) +
          "=" +
          encodeURIComponent( ( value == null ) ? "" : value )
        );
      }
      // Serialize the buffer and clean it up for transportation.
      var source = buffer
        .join( "&" )
        .replace( /%20/g,"+" )
        ;
      return( source );
    }
  }
)

参考

http://www.bennadel.com/blog/2615-posting-form-data-with-http-in-angularjs.htm

https://forum.ionicframework.com/t/ionic-framework-http-post-request/29195
原文链接:https://www.f2er.com/angularjs/149578.html

猜你在找的Angularjs相关文章