javascript - 无法使用 AJAX 和 FormData 提交表单

Question

我一直在努力让这个提交。

不知道如何放置侦听器以进行此提交。我需要所有这些都在同一个文件中，因为这是一家开发内部所有代码的公司，没有包含另一个 js.js 页面的选项。而且这家公司根本不使用PHP！！！

不知道我做错了什么。

如果有人可以提供帮助，我将非常感激。

原谅我的无知！！

  var form = new FormData();
form.append("email", "anim enim cupidata");
form.append("first_name", "ipsum pariatur adipisicing");
form.append("last_name", "officia ");
form.append("address", "elit");
form.append("city", "dolor Excepteur");
form.append("country", "ipsum");
form.append("zip", "in laboris dolor");
form.append("state", "est consequat ea pariatur");
form.append("phone", "qui dolore");
form.append("industry", "do non amet et");
form.append("org", "enim");
form.append("job_title", "dolore in");
form.append("purchasing_time_frame", "nulla irure anim sunt aliquip");
form.append("role_in_purchase_process", "elit ipsum enim");
form.append("no_of_employees", "officia incididunt nostrud occaecat");
form.append("comments", "mollit nulla nostrud Excepteur");
form.append("custom_questions", "[{\"title\":\"amet eu qui do\",\"value\":\"ipsum Duis veniam\"},{\"title\":\"cupidatat et velit nulla\",\"value\":\"eiusmod non dolore qui\"}]");

var settings = {
  "url": "https://api.zoom.us/v2/webinars/WEBID/registrants",
  "method": "POST",
  "timeout": 0,
  "headers": {
    "Content-Type": "multipart/form-data"
  },
  "processData": false,
  "mimeType": "multipart/form-data",
  "contentType": false,
  "data": form
};

$.ajax(settings).done(function (response) {
  console.log(response);
});
  });
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>

<input name="email" placeholder="email"/>
<input name="first_name" placeholder="Name"/>
<button name="submit" type="submit">Submit</button>
</form>

标签： javascripthtmljqueryformsmultipartform-data