Javascript 如何向Google Sheets提交HTML表单…；没有谷歌表单

我发现这个网站：

我正试图按照他们的规定创建表单，但我在谷歌表单中没有定义表单字段。这是我的密码

var$form=$（'form#test form'），
url='1〕https://script.google.com/macros/s/AKfycbxLarVG8hcqD6DTXAd5FITK9lZhy_zF-DsBtEVCdAOfah5yT04/exec'
$（“#提交表格”）。在（'click'，函数（e）{
e、 预防默认值（）；
var jqxhr=$.ajax({
url:url，
方法：“获取”，
数据类型：“json”，
数据：$form.serializeObject（）
}).成功(
//做点什么
);
})

字段1
字段2
字段3
字段4
提交

欢迎来到Stackoverflow

我不知道您是否遗漏了将JQuery库仅包含在本文中，但这是您的问题之一。首先，参考Jquery库，如下所示：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

顺便说一下，感谢@ravi_kant_dubey编写了这个函数，您可以从中看到这个主题

最后，对代码做点什么，看看是否一切正常

function(e){console.log(e);}

无论如何，如果运行下面的脚本，您可以看到响应 返回没有任何问题。这意味着它正在工作

$.fn.serializeObject=函数（）{
var o={}；
var a=this.serializeArray（）；
$.each（a，function（）{
if（o[this.name]）{
如果（！o[this.name].push）{
o[this.name]=[o[this.name]]；
}
o[this.name].push（this.value | |“”）；
}否则{
o[this.name]=this.value | |“”；
}
});
返回o；
};
var$form=$（'form#test form'），
url='1〕https://script.google.com/macros/s/AKfycbxLarVG8hcqD6DTXAd5FITK9lZhy_zF-DsBtEVCdAOfah5yT04/exec'
$（“#提交表格”）。在（'click'，函数（e）{
e、 预防默认值（）；
var jqxhr=$.ajax({
url:url，
方法：“获取”，
数据类型：“json”，
数据：$form.serializeObject（）
}).success（函数（e）{console.log（e）；}
//做点什么
);
})

字段1
字段2
字段3
字段4
提交

欢迎来到Stackoverflow

我不知道您是否遗漏了将JQuery库仅包含在本文中，但这是您的问题之一。首先，参考Jquery库，如下所示：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

顺便说一下，感谢@ravi_kant_dubey编写了这个函数，您可以从中看到这个主题

最后，对代码做点什么，看看是否一切正常

function(e){console.log(e);}

无论如何，如果运行下面的脚本，您可以看到响应 返回没有任何问题。这意味着它正在工作

$.fn.serializeObject=函数（）{
var o={}；
var a=this.serializeArray（）；
$.each（a，function（）{
if（o[this.name]）{
如果（！o[this.name].push）{
o[this.name]=[o[this.name]]；
}
o[this.name].push（this.value | |“”）；
}否则{
o[this.name]=this.value | |“”；
}
});
返回o；
};
var$form=$（'form#test form'），
url='1〕https://script.google.com/macros/s/AKfycbxLarVG8hcqD6DTXAd5FITK9lZhy_zF-DsBtEVCdAOfah5yT04/exec'
$（“#提交表格”）。在（'click'，函数（e）{
e、 预防默认值（）；
var jqxhr=$.ajax({
url:url，
方法：“获取”，
数据类型：“json”，
数据：$form.serializeObject（）
}).success（函数（e）{console.log（e）；}
//做点什么
);
})

字段1
字段2
字段3
字段4
提交

你是说像这样吗？您需要首先包括Jquery库，然后在它之后插入代码。在第二个示例中，Jquery库稍后加载，这就是为什么它抛出一个错误，表示未定义

$

。至于JSFIDLE，Jquery库根本不包括在内。JSFIDLE页面上的Javascript代码上方有一个选择框。这表示

JavaScript+No库（纯JS）

。只需单击它，然后选择一个Jquery库，就可以开始了。另外，您没有包含按钮单击事件处理程序。我指的是以“

$”（“#提交表单”）开头的一个{

您的意思是这样吗？您需要首先包含Jquery库，然后在它之后插入代码。在第二个示例中，Jquery库稍后加载，这就是为什么它会抛出一个错误，表示未定义

$

。至于您的jsfiddle，Jquery库根本不包括在内。在您的Javascript代码上有一个选择框JSFIDLE页面。上面写着

JavaScript+No Library（pure JS）

。只需单击它，然后选择一个Jquery库，就可以了。此外，您没有包含按钮单击事件处理程序。我指的是以：

$（“#提交表单”）开头的一个。关于（'click'，函数（e）{

嘿，克拉丽莎，你可以不用任何Javascript来做这个。仅供参考。嘿，克拉丽莎，你可以不用任何Javascript来做这个。仅供参考。