发布到zapier webhook并写入电子表格

时间:2019-08-06 18:38:10

标签: zapier

我正在尝试使用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>

当我按下“提交”按钮时,每次输入的初始测试中输入的测试数据都会写入电子表格。我想将姓名,年龄,位置和日期字段写入电子表格

我使用this tutorial开始使用,所以我怀疑我正在正确地将数据从表单发送到ajax请求。任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:1)

万一其他人遇到这个问题,我没有在zap的“操作”部分中选择字段。这是一张图片。希望它可以帮助其他人:

enter image description here