Javascript代码返回未处理的承诺拒绝:AbortError:操作已中止
我正在尝试用html和javascript运行一个简单的联系人表单。我正在尝试填写一份联系表,然后将数据发布到api。页面加载后,我立即收到一个未处理的承诺拒绝错误 HTML是:Javascript代码返回未处理的承诺拒绝:AbortError:操作已中止,javascript,html,Javascript,Html,我正在尝试用html和javascript运行一个简单的联系人表单。我正在尝试填写一份联系表,然后将数据发布到api。页面加载后,我立即收到一个未处理的承诺拒绝错误 HTML是: <form id="contact-form"method="post" class="form-horizontal contact-form" action="#"> <!-- Honeypot SPAM Protectio
<form id="contact-form"method="post" class="form-horizontal contact-form" action="#">
<!-- Honeypot SPAM Protection -->
<input type="text" name="cf[honeypot]" style="display: none">
<!-- END Honeypot SPAM Protection -->
<div class="form-group">
<div class="col-md-6">
<input type="text" name="cf[name]" class="form-control required" placeholder="İsim">
</div>
<div class="col-md-6">
<input type="email" name="cf[email]" class="form-control required email" placeholder="Email">
</div>
</div>
<div class="form-group">
<div class="col-md-6">
<input type="url" name="cf[url]" class="form-control url" placeholder="URL">
</div>
<div class="col-md-6">
<input type="text" name="cf[subject]" class="form-control required" placeholder="Konu">
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<textarea name="cf[message]" rows="6" class="form-control required" placeholder="Mesaj"></textarea>
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<input type="submit" value="Gönder" class="btn btn-sm btn-block btn-primary">
</div>
</div>
</form>
<script type="text/javascript" src="assets/js/signup.js"></script>
但在加载页面时,我得到以下错误:
无法找出我做错了什么?您确定亚马逊云功能配置正确,可以接受
POST
?是的,我从其他来源尝试过,它工作正常
$(document).ready(function() {
$("contact-form").submit(function(e){
e.preventDefault();
var form=this;
var URL = "https://v9jg33e7pa.execute-api.us-east-1.amazonaws.com/beta/sendemail/";
var data = {
name: $(form).find("#cf[name]").val(),
email: $(form).find("#cf[email]").val(),
urlContact: $(form).find("#cf[url]").val(),
subject: $(form).find("#cf[subject]").val(),
message: $(form).find("#cf[message]").val()
};
console.log(data);
if (""===$(form).find("#cf[honeypot]").val()){
$.ajax({
type: "POST",
url: URL,
dataType: "json",
contentType: "application/json",
data: JSON.stringify(data),
success: function () {
// clear form and show a success message
alert("yay");
},
error: function () {
// show an error message
alert("boo");
},
});
}
});
});