javascript - Angular ajax 发布到 FormSpree.io

Question

我目前有一个 jQuery 脚本可以将 ajax 发送到 http://formspree.io (静态表单提交)。他们的文档说要这样做:

$.ajax({
  url: "//formspree.io/you@email.com", 
  method: "POST",
  data: {message: "hello!"},
  dataType: "json" 
});

在我自己的 jQuery 脚本中 - 我有这个也可以工作:

jQuery.ajax({
  type: "POST",
  url: "http://formspree.io/email@example.org",
  data: 'name=' + name + '&_replyto=' + email + '&message=' + message;,
  dataType: "json",
 });

但是我在 Angular 中实现此目的的努力失败了 - formspree 声称我正在提交一个空表单。

$http({
  url: "http://formspree.io/email@example.org",
  data: {
    email: email,
    message: message
  },
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  }

$http({
  url: "http://formspree.io/email@example.org",
  data: 'email=...&message=...',
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  }

我能做到:

data: 'first=hgf&last=ghfgh',
headers: {'Content-Type': 'application/x-www-form-urlencoded'},

但这导致 FormSpree 认为我不是 ajax 我认为并尝试加载感谢页面。我不清楚这是否是原因。我收到了表格，但它会抛出关于感谢页面的错误。

想法？

Answer 1

您应该以 form-urlencoded 格式发送数据:

$http({
    url: "http://formspree.io/email@example.org",
    data: $.param({
        email: email,
        message: message
    }),
    method: 'POST',
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/x-www-form-urlencoded'
    }
});