使用fetch通过put方法传递参数时出现问题

Question

我在尝试通过使用fetch的put方法传递参数时遇到问题

为此，我正在尝试以下

fetch(`brands/${id}`, {
    method: 'PUT',
    headers: {
        'Content-Type': 'application/json',
    },
    body: JSON.stringify({name: 'dummy text'})
})
    .then(response => response.json())
    .then(json => {
        if (json.status === 'ok') {
            // do some relevant logic

            return false;
        }

        showErrors(json.errors);
    })
    .catch(error => console.error(error.message));

我也在尝试使用FormData接口

const formData = new FormData();

formData.append('name', 'some dummy text');

fetch(`brands/${id}`, {
    method: 'PUT',
    body: formData
})
    .then(response => response.json())
    .then(json => {
        if (json.status === 'ok') {
            // Some relevant logic

            return false;
        }

        showErrors(json.errors);
    })
    .catch(error => console.error(error.message));

但是我得到了相同的结果（名称参数不在控制器中）

检查网络选项卡，可以看到已经调用了ajax，在参数选项卡中，可以看到已传递变量。但是，当尝试从控制器访问这些参数时，它们不会出现。

感谢您的帮助

在后端中，打印此查询中接收的参数时，未列出name参数。

在后端，控制器定义中的相关部分如下

更新方法只能通过put方法调用

static allowedMethods = [
    save: 'POST',
    update: 'PUT'
]

我希望name参数有一个值，但该参数不存在

def update() {
    try {
        Brand brand = brandService.update(params.id, params.name)

        render(contentType: 'application/json') {
            [status: 'ok', brand: brand]
        }
    } catch(ValidationException e) {
        render(contentType: 'application/json') {
            [status: 'fail', errors: e.errors]
        }
    }
}

Answer 1

通过此小帮手运行表单可能会达到目的：

form2Obj(form) {
    const obj = {};
    new FormData(form).forEach((val, key) => obj[key] = val);
    return obj;
}