首页 > 解决方案 > 使用 FetchAPI 向数组添加数据

问题描述

我需要将一个对象发送到一个后端函数,然后该函数应该发送一个响应并在前端添加一个新的表行。只要我可以将数据发送到后端函数,表格行就会被添加。如何将行对象发送到后端函数,然后将结果推送到数组?

这是在 Vue 组件中执行的。

JS

data: function () { return }
table: [] }
}

    newRow: function () {
        var row = { Id: 0, Color: '', Model: 0, Type: 0 };
        fetch("/Contr/Function", {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify(row)
        }
        ).then(function (response) {
            return response.json();
        })
            .then(function (table) {
                table.push(row);
            });
    },

标签: javascriptvue.jsfetch-api

解决方案


推荐阅读