标签 angular 下的文章

AngularJs 的 $http 发送 POST 请求 , PHP 无法接收的解决方案

ngrApp.config(function ($stateProvider, $urlRouterProvider, $httpProvider){
    // Use x-www-form-urlencoded Content-Type
    $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
    /**
     * The workhorse; converts an object to x-www-form-urlencoded serialization.
     * @param {Object} obj
     * @return {String}
     */
    var param = function(obj) {
        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;
    };
    // Override $http service's default transformRequest
    $httpProvider.defaults.transformRequest = [function(data) {
        return angular.isObject(data) && String(data) !== '[object File]' ? param(data) : data;
    }];
});

参考

angular - 仿github - NgResume

  • 前端框架 angular+layui
  • 后端框架 thinkphp3.2
  • 数据库 mysql
  • 测试账户密码都是 test
  • 本来想做了一个简单的简历展示系统,做着做着感觉做成博客了,前台页面风格仿照 github,后台页面风格仿照 typecho 。
  • 未做移动端兼容,懒,不想做了。
  • 登录后可查看页面信息,测试账号无任何修改权限。
  • 文章编辑使用了 Markdown 编辑器 editor.md 。
  • 分页使用的 tm.pagination 。

阅读全文