堆栈内存溢出
  繁体   English   中英

加载资源失败：服务器使用Js，ajax，php在联系表单上以404（未找到）状态进行响应

[英]Failed to load resource: the server responded with a status of 404 (Not Found) on contact form using Js, ajax, php

 原文  2018-12-08 01:24:36  5   2    javascript/ php/ html/ http-status-code-404/ mailer

问题描述

我收到以下错误消息：无法加载资源：服务器以404（未找到）状态响应，并且不确定是否会发生这种情况。 我已经检查了路由和文件的访问权限，一切似乎都很好。

我的Js文件如下所示： 

var clContactForm = function() {

        /* local validation */
        $('#contactForm').validate({

            /* submit via ajax */
            submitHandler: function(form) {

                var sLoader = $('.submit-loader');

                $.ajax({

                    type: "POST",
                    url: "../inc/sendEmail.php",
                    data: $(form).serialize(),
                    beforeSend: function() { 

                        sLoader.slideDown("slow");

                    },
                    success: function(msg) {

                        // Message was sent
                        if (msg == 'OK') {
                            sLoader.slideUp("slow"); 
                            $('.message-warning').fadeOut();
                            $('#contactForm').fadeOut();
                            $('.message-success').fadeIn();
                        }
                        // There was an error
                        else {
                            sLoader.slideUp("slow"); 
                            $('.message-warning').html(msg);
                            $('.message-warning').slideDown("slow");
                        }

                    },
                    error: function() {

                        sLoader.slideUp("slow"); 
                        $('.message-warning').html("Algo ocurrió. Por favor, inténtalo de nuevo");
                        $('.message-warning').slideDown("slow");


                    }

                });
            }

        });
    };

我的php代码如下所示： 

<?php

// Replace this with your own email address
$siteOwnersEmail = 'myemail@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'] = "Por favor, coloca tu nombre.";
    }
    // Check Email
    if (!preg_match('/^[a-z0-9&\'\.\-_\+]+@[a-z0-9\-]+\.([a-z0-9\-]+\.)*+[a-z]{2}/is', $email)) {
        $error['email'] = "Por favor, pon un correo válido.";
    }
    // Check Message
    if (strlen($contact_message) < 15) {
        $error['message'] = "Por favor, coloca tu mensaje";
    }
    // 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 "Oops! Algo ocurrió, por favor inténtalo de nuevo."; }



    } # 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 section-header" data-aos="fade-up">
            <div class="col-full">
                <h1 class="display-2 display-2--light">Cuéntanos un poco más de tí para que empieces a vivir la experiencia Tech Consultant</h1>
            </div>
        </div>

        <div class="row contact-content" data-aos="fade-up">

            <div class="contact-primary">

                <h3 class="h6">Envíanos un mensaje</h3>

                <form name="contactForm" id="contactForm" method="post" action="/index.html" novalidate="novalidate">
                    <fieldset>

                    <div class="form-field">
                        <input name="contactName" type="text" id="contactName" placeholder="Nombre" value="" minlength="2" required="" aria-required="true" class="full-width">
                    </div>
                    <div class="form-field">
                        <input name="contactEmail" type="email" id="contactEmail" placeholder="Email" value="" required="" aria-required="true" class="full-width">
                    </div>
                    <div class="form-field">
                        <input name="contactSubject" type="text" id="contactSubject" placeholder="Asunto" value="" class="full-width">
                    </div>
                    <div class="form-field">
                        <textarea name="contactMessage" id="contactMessage" placeholder="¿Qué es lo que más te interesa de Tech Consultant?" rows="10" cols="50" required="" aria-required="true" class="full-width"></textarea>
                    </div>
                    <div class="form-field">
                        <button class="full-width btn--primary">Enviar</button>
                        <div class="submit-loader">
                            <div class="text-loader">Enviando...</div>
                            <div class="s-loader">
                                <div class="bounce1"></div>
                                <div class="bounce2"></div>
                                <div class="bounce3"></div>
                            </div>
                        </div>
                    </div>

                    </fieldset>
                </form>

                <!-- contact-warning -->
                <div class="message-warning">
                    ¡Algo ocurrió! Por favor, intenta de nuevo.
                </div> 

                <!-- contact-success -->
                <div class="message-success">
                    ¡Hemos recibido tu mensaje! Nuestros asesores se pondrán en contacto contigo<br>
                </div>

            </div> <!-- end contact-primary -->

如前所述，我无法加载资源：服务器响应状态为404（未找到），并且我不确定为什么。 如果您能给我一些见识，那就太好了！

预先感谢您的所有帮助！！

2 个解决方案

解决方案1
 0  2018-12-08 02:40:30

您可能想尝试邮递员发布表单数据，而不是使用浏览器。 如果这样做，您可以找出您的PHP代码是否正常运行，然后集中精力研究JavaScript代码。

解决方案2
 0  2018-12-09 07:59:21

我对您的代码做了一些更改，是的，代码无法正常工作，我在本地主机上对它进行了排序，请比较代码：

更新的代码：（ HTML和JS代码） 

  $(document).ready(function () { /* local validation */ $('#contactForm').validate({ /* submit via ajax */ submitHandler: function(form) { var sLoader = $('.submit-loader'); $.ajax({ type: "POST", url: "process.php", data: $(form).serialize(), beforeSend: function() { sLoader.slideDown("slow"); }, success: function(msg) { // Message was sent if (msg == 'OK') { sLoader.slideUp("slow"); $('.message-warning').fadeOut(); $('#contactForm').fadeOut(); $('.message-success').fadeIn(); } // There was an error else { sLoader.slideUp("slow"); $('.message-warning').html(msg); $('.message-warning').slideDown("slow"); } }, error: function() { sLoader.slideUp("slow"); $('.message-warning').html("Algo ocurrió. Por favor, inténtalo de nuevo"); $('.message-warning').slideDown("slow"); } }); } }); }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.min.js"></script> <div class="row section-header" data-aos="fade-up"> <div class="col-full"> <h1 class="display-2 display-2--light">Cuéntanos un poco más de tí para que empieces a vivir la experiencia Tech Consultant</h1> </div> </div> <div class="row contact-content" data-aos="fade-up"> <div class="contact-primary"> <h3 class="h6">Envíanos un mensaje</h3> <form name="contactForm" id="contactForm" method="post" novalidate="novalidate"> <fieldset> <div class="form-field"> <input name="contactName" type="text" id="contactName" placeholder="Nombre" value="" minlength="2" required="" aria-required="true" class="full-width"> </div> <div class="form-field"> <input name="contactEmail" type="email" id="contactEmail" placeholder="Email" value="" required="" aria-required="true" class="full-width"> </div> <div class="form-field"> <input name="contactSubject" type="text" id="contactSubject" placeholder="Asunto" value="" class="full-width"> </div> <div class="form-field"> <textarea name="contactMessage" id="contactMessage" placeholder="¿Qué es lo que más te interesa de Tech Consultant?" rows="10" cols="50" required="" aria-required="true" class="full-width"></textarea> </div> <div class="form-field"> <button class="full-width btn--primary">Enviar</button> <div class="submit-loader"> <div class="text-loader">Enviando...</div> <div class="s-loader"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div> </div> </div> </fieldset> </form> <!-- contact-warning --> <div class="message-warning"> ¡Algo ocurrió! Por favor, intenta de nuevo. </div> <!-- contact-success --> <div class="message-success"> ¡Hemos recibido tu mensaje! Nuestros asesores se pondrán en contacto contigo<br> </div> </div> <!-- end contact-primary --> 

 **Php Updated code** <?php // Replace this with your own email address $siteOwnersEmail = 'your email id'; if($_POST) { $message = ""; $name = trim(stripslashes($_POST['contactName'])); $email = trim(stripslashes($_POST['contactEmail'])); $subject = trim(stripslashes($_POST['contactSubject'])); $contact_message = trim(stripslashes($_POST['contactMessage'])); $error = array(); // Check Name if (strlen($name) < 2) { $error['name'] = "Por favor, coloca tu nombre."; } // Check Email if (!preg_match('/^[a-z0-9&\\'\\.\\-_\\+]+@[a-z0-9\\-]+\\.([a-z0-9\\-]+\\.)*+[az]{2}/is', $email)) { $error['email'] = "Por favor, pon un correo válido."; } // Check Message if (strlen($contact_message) < 15) { $error['message'] = "Por favor, coloca tu mensaje"; } // 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 "Oops! Algo ocurrió, por favor inténtalo de nuevo."; } } # 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 } ?>

让我知道您是否需要zip来运行代码，将会发送给您相同的信息：

在此处输入图片说明

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 JS / AJAX无法加载服务器响应的资源，状态为404（未找到） Rails ajax：无法加载资源：服务器以状态404（未找到）响应 加载资源失败：服务器响应状态为404（未找到）。 与在caph ajax 程序无法加载无法加载资源：服务器以404（未找到）状态响应 Node.js服务器：无法加载资源：服务器以状态404（未找到）响应 加载资源失败：服务器以 404（未找到）状态响应 nodejs Apache Cordova：“无法加载资源：服务器以404（未找到）状态响应” ReactJS - 加载资源失败：服务器响应状态为 404（未找到） 错误：加载资源失败：服务器响应状态为 404（未找到） 加载资源失败：服务器响应状态为 404（未找到） - JavaScript
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM