zoukankan      html  css  js  c++  java
  • angularjs简单实现$http.post(CORS)跨域及$http.post传参方式模拟jQuery.post

    1.开启angularjs的CORS支持

    .config(function($httpProvider) { // CORS post跨域配置
        $httpProvider.defaults.useXDomain = true;  
        $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
        var param = function(obj) {  // 修改angularjs $http.post的默认传参方式
            var query = '', name, value, fullSubName, subName, subValue, innerObj, i;
            
            for(name in obj) {
            value = obj[name];
                
            if(value instanceof Array) {
                for(i=0; i<value.length; ++i) {
                    subValue = value[i];
                    fullSubName = name + '[' + i + ']';
                    innerObj = {};
                    innerObj[fullSubName] = subValue;
                    query += param(innerObj) + '&';
                }
            }
            else if(value instanceof Object) {
                for(subName in value) {
                    subValue = value[subName];
                    fullSubName = name + '[' + subName + ']';
                    innerObj = {};
                    innerObj[fullSubName] = subValue;
                    query += param(innerObj) + '&';
                }
            }
            else if(value !== undefined && value !== null)
                query += encodeURIComponent(name) + '=' + encodeURIComponent(value) + '&';
            }
            
            return query.length ? query.substr(0, query.length - 1) : query;
        };
    
        $httpProvider.defaults.transformRequest = [function(data) {
            return angular.isObject(data) && String(data) !== '[object File]' ? param(data) : data;
        }];
    
        delete $httpProvider.defaults.headers.common['X-Requested-With']; 
    })

    2.开启服务器端CORS支持

    header('Access-Control-Allow-Origin: *');

    仅仅需要这两段代码即可!

  • 相关阅读:
    angularJS指令--在各自的控制器里调用不同的函数
    npm install时的一个小问题
    按特定形式生成当前日期的函数
    js判断对象是否是数组的方法
    转正考试的几个考点
    JS 对象转化为数组
    requireJS随笔
    使用bootstrap-select插件,赋初始值
    理解Stream(一)——串行与终止操作
    python requests 库 首次使用
  • 原文地址:https://www.cnblogs.com/BGOnline/p/5996289.html
Copyright © 2011-2022 走看看