$ .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字符串发送