Javascript 如何添加一个“；“发送/获取”；使用异步等待时的状态？

我正在使用AsyncWait获取一个google表单，并向该表单添加一个新表单提交。我使用async await来处理抓取，但是我想在一个按钮上添加一个状态，在后台进行抓取时显示“发送”，然后在抓取成功时显示“Message sent”

这是我到目前为止的代码，但我不确定将“发送”状态放在哪里：

//按“提交”按钮提交表单
表格.addEventListener（'submit'，（e）=>{
e、 预防默认值（）
异步函数fetchData（）{
试一试{
//获取google工作表脚本数据并添加提交表单
let res=等待获取（scriptURL{
方法：“POST”，
正文：新表格数据（表格），
})
console.log（'Success！'，res）
消息（e）
如果（！res.ok）{
抛出新错误（`HTTP错误！状态：${res.status}`）
}
}捕获（e）{
控制台日志（e）
}
}
fetchData（）
})
//重置表单字段
常量消息发送=（e）=>{
const button=document.getElementById（'submit-button'））
表单.重置（）
button.innerText='Message Sent'
button.disabled=e
button.style.cursor='不允许'
}

为什么不在

e.preventDefault（）之后立即执行？在这里发布之前，您尝试将此代码放在哪里？为什么它不符合您的要求？这很有效！我刚刚添加了
const-button=document.getElementById（'submit-button'）
和
button.innerText='Message Sent'
，直接放在
e.preventDefault（）之后。
只要把它放在
wait
之外的任何地方就行了。您可以将它放在try块之前的
fetchData
中，或者作为try块的第一条语句；或者，您可以将它放在事件处理程序中的
e.preventDefault（）
、
fetchData（）
调用之前，甚至是
fetchData（）
调用之后。