Javascript “POST[…]403”错误（使用AJAX/jQuery发送电子邮件）

我在网站上做简历，所以我在互联网上取了一个模板，放在bitbucket上

但是，我无法建立邮件发送部分，我在浏览器控制台中收到类似于此的POST[…]403错误 此处->

以下是sendmail.php文件：

<?php

// Replace this with your own email address
$siteOwnersEmail = 'test@gmail.com';


if($_POST) {

   $name = trim(stripslashes($_POST['contactName']));
   $email = trim(stripslashes($_POST['contactEmail']));
   $subject = trim(stripslashes($_POST['contactSubject']));
   $contact_message = trim(stripslashes($_POST['contactMessage']));

   // Check Name
    if (strlen($name) < 2) {
        $error['name'] = "Please enter your name.";
    }
    // Check Email
    if (!preg_match('/^[a-z0-9&\'\.\-_\+]+@[a-z0-9\-]+\.([a-z0-9\-]+\.)*+[a-z]{2}/is', $email)) {
        $error['email'] = "Please enter a valid email address.";
    }
    // Check Message
    if (strlen($contact_message) < 15) {
        $error['message'] = "Please enter your message. It should have at least 15 characters.";
    }
   // Subject
    if ($subject == '') { $subject = "Contact Form Submission"; }


   // Set Message
   $message .= "Email from: " . $name . "<br />";
    $message .= "Email address: " . $email . "<br />";
   $message .= "Message: <br />";
   $message .= $contact_message;
   $message .= "<br /> ----- <br /> This email was sent from your site's contact form. <br />";

   // Set From: header
   $from =  $name . " <" . $email . ">";

   // Email Headers
    $headers = "From: " . $from . "\r\n";
    $headers .= "Reply-To: ". $email . "\r\n";
    $headers .= "MIME-Version: 1.0\r\n";
    $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";


   if (!$error) {

      ini_set("sendmail_from", $siteOwnersEmail); // for windows server
      $mail = mail($siteOwnersEmail, $subject, $message, $headers);

        if ($mail) { echo "OK"; }
      else { echo "Something went wrong. Please try again."; }

    } # end if - no validation error

    else {

        $response = (isset($error['name'])) ? $error['name'] . "<br /> \n" : null;
        $response .= (isset($error['email'])) ? $error['email'] . "<br /> \n" : null;
        $response .= (isset($error['message'])) ? $error['message'] . "<br />" : null;

        echo $response;

    } # end if - there was a validation error

}

?>

HTML代码：

<div class="row">
    <div class="eight columns">
        <!-- form -->
        <form action="" method="post" id="contactForm" name="contactForm">
            <fieldset>
                <div>
                    <label for="contactName">Name <span class="required">*</span></label>
                    <input type="text" value="" size="35" id="contactName" name="contactName">
                </div>
                <div>
                    <label for="contactEmail">Email <span class="required">*</span></label>
                    <input type="text" value="" size="35" id="contactEmail" name="contactEmail">
                </div>
                <div>
                    <label for="contactSubject">Subject</label>
                    <input type="text" value="" size="35" id="contactSubject" name="contactSubject">
                </div>
                <div>
                    <label for="contactMessage">Message <span class="required">*</span></label>
                    <textarea cols="50" rows="15" id="contactMessage" name="contactMessage"></textarea>
                </div>
                <div>
                    <button class="submit">Submit</button>
                    <span id="image-loader">
                        <img alt="" src="images/loader.gif">
                     </span>
                </div>
            </fieldset>
        </form> <!-- Form End -->
        <!-- contact-warning -->
        <div id="message-warning"> Error boy</div>
        <!-- contact-success -->
        <div id="message-success">
            <i class="fas fa-check"></i>Your message was sent, thank you!<br>
        </div>
</div>

脚本部分：

   <!-- Java Script
   ================================================== -->
  <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> -->
 <script src="js/jquery-1.10.2.min.js"></script>
 <!-- <script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script> -->
   <script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>

   <script src="js/jquery.flexslider.js"></script>
   <script src="js/waypoints.js"></script>
   <script src="js/jquery.fittext.js"></script>
   <script src="js/magnific-popup.js"></script>
   <script src="js/init.js"></script>

我已经试过注释的部分，但仍然是相同的错误

您可以在演示中看到预期的结果 在这一页的末尾

谢谢你的帮助

---

编辑：最后我改变了我的简历并将其部署到Heroku上。问题显然来自将其托管在Bitbucket上

如果出现CORS错误，请尝试添加 在你的URL前面

下面是javascript/html中的一个示例

var CORS = "https://cors-anywhere.herokuapp.com/"


function loadDoc() {
var apiKey = getName();
var apiPw = getPass();
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
  myFunction(this);
}
};
 xhttp.open("GET", CORS + 
'https://brickset.com/api/v2.asmx/getThemes?' + 'Username=' + apiKey + 
, true);

---

请将代码添加到问题中，而不是作为图像。您可以使用4个空格或3个空格来设置代码格式。不要发布链接。。发布实际代码。。此外，403是禁止的，因此请检查文件的权限，文件是否确实存在，以及在未打开crossdomain*的情况下，您是否尝试在一个域到另一个域之间使用AJAX。感谢您的回答@Chipster和@Zak！！按照你的要求将图片更改为实际代码，认为这会使文章变得太大，但事实并非如此。我通过查找更改了所有目录和文件权限-d型-exec chmod 755{}\；找到-f型-exec chmod 644{}\；chmod仍然不起作用。很抱歉，我没有得到关于crossdomain*的部分，假设我是新手，AJAX部分在联系表单代码中，如果您需要什么。我愿意给你任何你需要的信息谢谢你的帮助亚伦·莉莉！我尝试在我的URL前面添加，但我收到的消息缺少必需的请求头。必须指定其中一个：原点、x-request-with。我想我必须给出你的代码示例，但我不知道新文件在哪里？我意识到你的是php，我不太熟悉，但我的示例是纯javascript。所以javascript可以去任何地方。还要确保你使用的是完整的，所以即使你在一个.js文件中的例子和你展示给我的完整链接中仍然没有任何内容；

var CORS = "https://cors-anywhere.herokuapp.com/"


function loadDoc() {
var apiKey = getName();
var apiPw = getPass();
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
  myFunction(this);
}
};
 xhttp.open("GET", CORS + 
'https://brickset.com/api/v2.asmx/getThemes?' + 'Username=' + apiKey + 
, true);