Javascript 提交后清除表单数据
我是编程新手,我正在使用谷歌电子表格从我静态站点上的一个简单注册表接收数据。一切正常,但我想在发送数据后重置表单数据。我已经在论坛这里进行了研究,我没有找到任何解决方案,不删除数据发送重置Javascript 提交后清除表单数据,javascript,jquery,html,Javascript,Jquery,Html,我是编程新手,我正在使用谷歌电子表格从我静态站点上的一个简单注册表接收数据。一切正常,但我想在发送数据后重置表单数据。我已经在论坛这里进行了研究,我没有找到任何解决方案,不删除数据发送重置 const scriptURL='url表' const form=document.forms['submit-to-google-sheet'] form.addEventListener('submit',e=>{ e、 预防默认值() fetch(scriptURL,{method:'POST',b
const scriptURL='url表'
const form=document.forms['submit-to-google-sheet']
form.addEventListener('submit',e=>{
e、 预防默认值()
fetch(scriptURL,{method:'POST',body:newformdata(form)})
.then(response=>console.log('Success!',response))
.catch(error=>console.error('error!',error.message))
})
玩家代号*
不和*
#
推荐人?
提交
将此添加到您的javascript中:
$( '#apply' ).each(function(){
this.reset();
});
要将
窗体设置回其初始状态,请在其上调用reset()
。根据您的逻辑,在AJAX请求成功后执行此操作是有意义的,因此将调用放入then()
handler函数:
form.addEventListener('submit', e => {
e.preventDefault()
fetch(scriptURL, { method: 'POST', body: new FormData(form)}).then(response => {
console.log('Success!', response)
form.reset();
}).catch(error => console.error('Error!', error.message))
})
尝试document.getElementById(“应用”).reset()代码>
const scriptURL='url表'
const form=document.forms['submit-to-google-sheet']
form.addEventListener('submit',e=>{
e、 预防默认值()
fetch(scriptURL,{method:'POST',body:newformdata(form)})
.then(response=>console.log('Success!',response))
.catch(error=>console.error('error!',error.message))
document.getElementById(“应用”).reset();
})
Wow,这很简单,我已经尝试过很多更复杂的方法,但没有一种,谢谢你。没问题,很乐意帮助。@RafaelaRodrigues如果是这样,请将此标记为答案。