Post 到 zapier webhook 并写入电子表格
Post to zapier webhook and write to spreadsheet
我正在尝试使用 zapier webhook 写入 google 电子表格。这是我正在使用的简单 html:
<form id="my-form">
<input type="text" id="name" name="name" placeholder="Name" />
<input type="text" id="age" name="age" placeholder="Age" />
<input type="text" id="location" name="location" placeholder="Location" />
<input type="text" id="date" name="date" placeholder="Date" />
<button type="submit">Submit</button>
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
(function($){
function processForm( e ){
$.ajax({
url: 'https://hooks.zapier.com/hooks/catch/2366642/xxx/',
dataType: 'text',
type: 'post',
contentType: 'application/x-www-form-urlencoded',
data: $(this).serialize(),
success: function( data, textStatus, jQxhr ){
$('#response pre').html( data );
console.log(data)
},
error: function( jqXhr, textStatus, errorThrown ){
console.log( errorThrown );
}
});
e.preventDefault();
}
$('#my-form').submit( processForm );
})(jQuery);
</script>
当我点击提交按钮时,我每次都会将输入到初始 zap 中的测试数据写入电子表格。我希望将姓名、年龄、位置和日期字段改为写入电子表格
我使用 this tutorial 开始,所以我怀疑我正在正确地从表单获取数据到 ajax 请求。任何帮助表示赞赏。
以防其他人遇到这个问题,我没有选择 zap 的操作部分中的字段。这是一张图片。希望对其他人有所帮助:
我正在尝试使用 zapier webhook 写入 google 电子表格。这是我正在使用的简单 html:
<form id="my-form">
<input type="text" id="name" name="name" placeholder="Name" />
<input type="text" id="age" name="age" placeholder="Age" />
<input type="text" id="location" name="location" placeholder="Location" />
<input type="text" id="date" name="date" placeholder="Date" />
<button type="submit">Submit</button>
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
(function($){
function processForm( e ){
$.ajax({
url: 'https://hooks.zapier.com/hooks/catch/2366642/xxx/',
dataType: 'text',
type: 'post',
contentType: 'application/x-www-form-urlencoded',
data: $(this).serialize(),
success: function( data, textStatus, jQxhr ){
$('#response pre').html( data );
console.log(data)
},
error: function( jqXhr, textStatus, errorThrown ){
console.log( errorThrown );
}
});
e.preventDefault();
}
$('#my-form').submit( processForm );
})(jQuery);
</script>
当我点击提交按钮时,我每次都会将输入到初始 zap 中的测试数据写入电子表格。我希望将姓名、年龄、位置和日期字段改为写入电子表格
我使用 this tutorial 开始,所以我怀疑我正在正确地从表单获取数据到 ajax 请求。任何帮助表示赞赏。
以防其他人遇到这个问题,我没有选择 zap 的操作部分中的字段。这是一张图片。希望对其他人有所帮助: