Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 提交后清除表单数据_Javascript_Jquery_Html - Fatal编程技术网

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如果是这样,请将此标记为答案。