Question

我创建了一个HTML表单，该表单将HTTP POST发送到Zapier Webhook。当我将POST操作嵌入HTML时，该代码非常有用：

<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

1 个答案: