我在namecheap.com上托管了一个联系表单。我正在尝试使用以下代码从联系表单发送电子邮件。
HTML表单:
<form id="contact-form" class="contact-form" action="#">
<p class="contact-name">
<input id="contact_name" type="text" placeholder="Full Name" value="" name="name" />
</p>
<p class="contact-email">
<input id="contact_email" type="text" placeholder="Email Address" value="" name="email" />
</p>
<p class="contact-message">
<textarea id="contact_message" placeholder="Your Message" name="message" rows="15" cols="40"></textarea>
</p>
<p class="contact-submit">
<a id="contact-submit" class="submit" href="#">Send Your Email</a>
</p>
<div id="response">
</div>
</form>
Javascript:
$("#contact-submit").on('click',function() {
$contact_form = $('#contact-form');
var fields = $contact_form.serialize();
$.ajax({
type: "POST",
url: "_include/php/contact.php",
data: fields,
dataType: 'json',
beforeSend: function(xhr, settings) {
console.log('ABOUT TO SEND');
},
success: function(response) {
console.log('response', response);
if(response.status){
$('#contact-form input').val('');
$('#contact-form textarea').val('');
}
$('#response').empty().html(response.html);
},
failure: function(error) {
console.log('error', error);
}
});
return false;
});
但是,我收到错误:
POST http://taohgreen.me/_include/php/contact.php 500 (Internal Server Error) jquery.min.js:5
namecheap阻止来自外部来源的电子邮件似乎是一个问题。所以我想知道是否有人能指出我如何解决这个问题的正确方向。
我想到的一件事是,如果我可以在不同的网站上托管我的PHP脚本,那么我就不会遇到任何这些问题,并且还会有一个简单的可重用脚本。但我也不确定是否有一种简单的方法可以做到这一点。
任何帮助将不胜感激。