Zapier Webhook 和 AJAX 请求答案

【问题标题】：Zapier Webhooks and AJAX RequestsZapier Webhook 和 AJAX 请求
【发布时间】：2014-08-24 09:16:09
【问题描述】：

有没有办法从客户端应用程序触发 Zapier webhook？

我似乎无法发出成功的 AJAX 请求并且总是得到：

XMLHttpRequest cannot load https://zapier.com/hooks/catch/..... 
The request was redirected to 'https://zapier.com/hooks/catch/..../', 
which is disallowed for cross-origin requests that require preflight.

【问题讨论】：

标签： javascript ajax zapier

【解决方案1】：

自 2016 年 1 月 15 日起，Zapier 不支持使用来自浏览器的 POST 请求来捕获 Webhook（由于浏览器的预检请求需要 CORS 标头）。

带有查询字符串值的 GET 请求也可以。

【讨论】：

有包含此信息的文档吗？
是的，浏览器允许 GET 请求。此外，您不应在请求标头中包含特殊标头。

【解决方案2】：

Zapier 不支持 CORS。我让它工作的方法是使用图像。

var newImage = new Image();
newImage.src = "https://zapier.com/hooks/catch/myhook?param=one";

或

<img height="0" width="0" src="https://zapier.com/hooks/catch/myhook?param=one">

【讨论】：

【解决方案3】：

这对我有用：

  try {
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "https://zapier.com/hooks/catch/myhook");
    xhr.send(JSON.stringify({data: "example"}));
    console.log("Pushed to Zapier successfully!");
  } catch(e) {
    console.error(e);
  }

【讨论】：

【解决方案4】：

您不得修改Content-Type 标头

https://zapier.com/help/create/code-webhooks/troubleshoot-webhooks-in-zapier#posting-json-from-web-browser-access-control-allow-headers-in-preflight-response-error

【讨论】：

【解决方案5】：

Zapier 出色的支持团队在 24 小时内修复了 CORS 问题！

赞赞扎皮尔！

【讨论】：

他们是如何解决的？我也有同样的问题？
zapier.com/help/create/code-webhooks/…