$.post 到 Zapier webhook

Question

我创建了一个 HTML 表单，用于将 HTTP POST 发送到 Zapier webhook。当我在 HTML 中嵌入 POST 操作时，代码运行良好：

<form id="contactForm" action="https://hooks.zapier.com/hooks/catch/2689457/xiooqx/" method="POST"> inputs </form>

但是，我无法轻易确保所有字段都完整，无法处理回复等。因此，我求助于 JQuery:

    $.post('https://hooks.zapier.com/hooks/catch/2689457/xiooqx/',   // url
        { message: 'Test', contact: "NA" }, // data to be submit
        function(data, status, jqXHR) {// success callback
            alert(data);
        }
    )

与AJAX相同：

$.ajax({
        type : 'POST',
        url : 'https://hooks.zapier.com/hooks/catch/2689457/xiooqx/',           
        data: {
            message : $('#message').val(),
            contact : $('#contactMethod').val()
        },
        success:function (data) {
            alert(data);
        }          
    });

这些都不起作用。我知道这些 AJAX/JQuery 语句已达到，但是 Zapier 没有收到数据。

我正在使用 Jekyll 和 Gulp 来呈现网站，因此该网站是静态的（但我仍然应该能够使用 HTTP 方法）。任何帮助将不胜感激。

提前致谢！

Answer 1

var data = {
            message : 'test stack overflow',
            contact : 'test'
        };
$.ajax({
        type : 'POST',
        url : 'https://hooks.zapier.com/hooks/catch/2689457/xiooqx/',  
        data: JSON.stringify(data),
        success:function (data) {
            console.log(data);
        },
        error: function(xhr, status, error) {
        // handle error
      }
    });

作为 JSON 字符串发送

$.post 到 Zapier webhook

$.post to Zapier webhook

forms

jquery

post

jekyll

zapier