javascript 在html元素中按顺序运行的事件参数

2o7dmzc5  于 2023-01-19  发布在  Java
关注(0)|答案(2)|浏览(113)
// Send AJAX request to route
function fetch_post(key, ...values){
    const formData = new FormData();
    for (let value of values){
        formData.append(key, value)
    }
    fetch('/settings', {
        method: 'post',
        body: formData
    });
}

在此属性值中:

onchange="fetch_post(this.name, this.value); location.reload();"

fetch_post运行完成时,我希望运行location.reload()

idfiyjo8

idfiyjo81#

只需在fetch函数中添加location. reload(),如下所示:

// Send AJAX request to route
function fetch_post(key, ...values){
    const formData = new FormData();
    for (let value of values){
        formData.append(key, value)
    }
    fetch('/settings', {
        method: 'post',
        body: formData
    }).then((data) => {
        location.reload(); <----- this
    }).catch((err)=> {
    }).finally(() => {
    });
}

希望这能有所帮助!

a7qyws3x

a7qyws3x2#

您希望location.reload()在fetch_post运行结束时运行。
then是承诺链。
如果成功调用提取,则执行代码。

fetch('/settings', {
        method: 'post',
        body: formData
    })
    .then((res) => {
        console.log(res);
        location.reload();
    });

相关问题