toFormData

function toFormData(data = {})
{
    try {
        const formData = new FormData();
        Object.keys(data).forEach(k => {
            if (null === data[k] || '' === data[k]) {
                formData.append(k, '');
            } else {
                formData.append(k, data[k]);
            }
        });
        return formData;
    } catch (e) {
        throw new TypeError(e);
    }
}

使用

Vue.prototype.toFormData = toFormData;

new Vue({
    el: '#app',
    router,
    render: h => h(App),
});

export default {
    data() {
        return {
            user: {
                name: '',
                age: '',
            },
        };
    },
    methods: {
        submit() {
            const data = this.toFormData(this.user);

            // console.log(this.user);
            // for (let item of data.entries()) {console.log(item)}

            this.$http.post(`/users`, data)
                .then(res => console.log(res))
                .catch(err => this.$Notice.error({desc: err.message}));
        },
    },
}

无关的。

if(typeof Object.prototype.toFormData === 'undefined') {
    class cObject extends Object {
        constructor(){super()}
        static toFormData(data = {})
        {
            try {
                const formData = new FormData();
                Object.keys(data).forEach(k => {
                    if (null === data[k] || '' === data[k]) {
                        formData.append(k, '');
                    } else {
                        formData.append(k, data[k]);
                    }
                });
                return formData;
            } catch (e) {
                throw new TypeError(e);
            }
        }
    }

    // Object.prototype.toFormData = function (data = {}) {
    //     try {
    //         const formData = new FormData();
    //         Object.keys(data).forEach(k => {
    //             if (null === data[k] || '' === data[k]) {
    //                 formData.append(k, '');
    //             } else {
    //                 formData.append(k, data[k]);
    //             }
    //         });
    //         return formData;
    //     } catch (e) {
    //         throw new TypeError(e);
    //     }
    // };
}
本作品采用《CC 协议》,转载必须注明作者和本文链接
Study hard and make progress every day. Study hard and make progress every day.
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 1
mouyong

默默问一句,可能这不是比较好的做法,请问下大家有没有什么建议 :pensive:

6年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!