主页 / 问题 / 856358
Accepted
msupreme
Asked:2020-07-17 02:29:08 +0000 UTC2020-07-17 02:29:08 +0000 UTC

发送表单到邮件 AJAX + JQuery + PHP

  • 772

我需要从登录页面向邮件发送反馈表，但出现问题并且 php 未处理该表单，在控制台中我得到“POST http://localhost:3000/save.php 404（未找到)"

求助，我做错了什么？

UPD：我去http://localhost:3000/save.php的时候，save.php文件只是简单的下载了……就是存在，但是为什么没有通过它处理呢？！

代码如下：

$(document)
  .on('submit', '#main-form', e => {
    e.preventDefault();

    let form_data = $(this).serialize();

    $.ajax({
      type: "POST",
      url: "/save.php",
      data: form_data,
      success: function() {
        alert("Ваше сообщение отправлено!");
      }
    });

  });
<form class="b-form" id="main-form">
  <div class="b-form__row">
    <label for="name" class="b-label">Ваше имя</label>
    <input id="name" type="text" name="name" class="b-input b-form__input" placeholder="Ваше имя" />
  </div>
  <div class="b-form__row">
    <label for="email" class="b-label">Электронная почта</label>

    <input id="email" type="email" name="email" class="b-input b-form__input" placeholder="Email" required/>
    <div class="b-form__help">Обязательно для заполнения</div>
  </div>
  <div class="b-form__row">
    <label for="phone" class="b-label">Телефон <span class="b-aster">*</span></label>
    <input id="phone" type="tel" name="phone" class="b-input b-form__input b-phone__mask" placeholder="Телефон" required/>
    <div class="b-form__help">Обязательно для заполнения</div>
  </div>
  <div class="b-form__row">
    <input type="submit" class="b-button b-button_blue" value="Отправить" />
  </div>
</form>
PHP 
<?php

$recepient = "uma199041@mail.ru";
$sitename = "Бюро Сервис";

$name = trim($_POST["name"]);
$phone = trim($_POST["phone"]);
$email = trim($_POST["email"]);
$message = "Имя: $name \nТелефон: $phone \nEmail: $email";

$pagetitle = "Новая заявка с сайта \"$sitename\"";
mail($recepient, $pagetitle, $message, "Content-type: text/plain; charset=\"utf-8\"\n From: $recepient");
项目结构 在此处输入图像描述

php

2 个回答

  1. Best Answer

    PHP 需要一个服务器和一个解释器来处理. 只是php不起作用。你需要一堆Apache/PHP或者 Nginx/PHP，也可以使用内置服务器进行测试

    • 1

  2. 在箭头函数中不是一个this：

    $(document)
  .on('submit', '#main-form', function(e) {
    e.preventDefault();

    let form_data = $(this).serialize();
    • 0

相关问题