【前端】angular接口参数封装

//接口请求方式
window.request = {
    header: {'Content-Type': 'application/x-www-form-urlencoded'},
    type: 'post',
  get:'get'
}


//接口格式转换
function transformRequest(data) {
    var str = [];
    for(var p in data){
        console.log(typeof(data[p]));
        if (typeof(data[p]) == 'object') {
            var tmp = data[p];
            // var arr = param[];
            console.log(tmp);
            $.each(tmp, function(k, v){
              console.log(v);
              if(typeof(v) == 'object'){
              $.each(v, function(i, o){
                str.push(encodeURIComponent(p+'['+k+']['+i+']') + "=" + encodeURIComponent(o));
                // arr.join("&");
              });
              }else{
              str.push(encodeURIComponent(p+'['+k+']') + "=" + encodeURIComponent(v));
              }
              
            });
            // return ["param[0][width]=128&param[0][height]=84&param[0][width]=632&param[0][height]=684"];


        } else {
            str.push(encodeURIComponent(p) + "=" + encodeURIComponent(data[p]));
        }
        
    }
    console.log(str);
  return str.join("&");
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Angular公共组件封装的难点主要有以下几个方面: 1. 组件的可复用性:在封装组件时,需要考虑到组件的可复用性,即组件是否能够在不同的场景中使用,并且能够满足不同场景的需求。因此,在组件设计时需要考虑到组件的灵活性,将组件的功能进行细分,以便于在不同的场景中组合使用。 2. 组件的可配置性:封装组件时需要考虑到组件的可配置性,即能否通过配置参数来实现组件的不同样式和行为。因此,在组件设计时需要考虑到组件的可配置性,将组件的属性进行抽象和封装,以便于在不同场景中进行配置。 3. 组件的可扩展性:封装组件时需要考虑到组件的可扩展性,即能否通过继承或扩展来实现组件的不同功能。因此,在组件设计时需要考虑到组件的可扩展性,将组件的核心功能进行抽象和封装,以便于在需要扩展时进行继承或扩展。 4. 组件的可维护性:封装组件时需要考虑到组件的可维护性,即组件是否能够方便地进行维护和升级。因此,在组件设计时需要考虑到组件的结构和代码的可读性、可维护性,以便于在需要维护或升级时进行修改。 5. 组件的性能优化:封装组件时需要考虑到组件的性能优化,即组件是否能够在性能上满足项目的需求。因此,在组件设计时需要考虑到组件的渲染性能、响应性能以及数据处理性能等方面,以便于在需要优化时进行修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值