405 метод не найден. На локальном хосте

0

Поэтому я создаю форму, которая помещает информацию в мой локальный mysql db. Но я застрял, когда пытался его ПОСТ. Я получаю "метод 405 не найден", когда пытаюсь дебютировать. Я пою xampp для своей виртуальной БД, может быть, из-за этого? Код:

HTML:

<!DOCTYPE html>
<html>
<head>
  <title>Kasmetinių atostogų prašymas</title>
  <link rel="stylesheet" type="text/css" href="style.css" />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
    <div class="title">
      <h1>Kasmetinių atostogų prašymas</h1>
    </div>
    <div class="form">
  <form id="requestForm" method="POST"  target="_blank">

    <input type="date" name="request_date" id="input_field" placeholder="Prašymo data"  required></br></br>

    <input type="text" name="first_name" placeholder="Vardas" id="input_field" required></br></br>

    <input type="text" name="last_name" placeholder="Pavardė" id="input_field" ></br></br>

    <input type="number" name="personal_code" placeholder="Asmens kodas" id="input_field" min="11" max="11" ></br></br>

    <input type="text" name="p_address" placeholder="Jūsų adresas" id="input_field" ></br></br>

    <input type="date" name="requestDateFrom" id="input_field" placeholder="Atostogos nuo"  ></br></br>

    <input type="date" name="requestDateTo" id="input_field" placeholder="Atostogos iki"  ></br></br>

    <input type="number" name="daysNumber" placeholder="Atostogų dienų skaičius" id="input_field" ></br></br>
  </br>
  <Input type="button" name="submit_button" id="buttonLast" value="Patvirtinti">
  </form>
</div>  
<script>
  $(document).ready(function(){
    $("#buttonLast").click(function(){
      $.ajax({
        url:"http://127.0.0.1:5500/insert.php",
        type: "POST", 
        data:$("#requestForm").serialize(),
        success:function(response)
        {
          alert("Well done!");
        }
      });
    });
  });
</script>
</body>
</html>

И это php-код для подключения db и публикации информации в конкретные столбцы. Для целей теста я пытаюсь опубликовать только из 3 колоний. PHP:

<?php



$con = mysqli_connect("localhost","root","","test");

if(!$con)
{
  echo 'Connection problems';
}
else
{
  echo 'Ok';
}


if(isset($_POST['submit'])){
$date = $_POST['requestDate'];
$name=$_POST['firstName'];
$lname = $_POST['lastName'];


$query = "insert into info (date,name,lname) values ('$date','$name','$lname')";


if($con->query($query) === true )
{
  echo 'Duomenys išsaugoti!';
}
else{
  echo 'Duomenų nepavyko išsaugoti!';
}
}
header("refresh:2; url=index.html");
?>
  • 0
    Возможно, CORS, проверьте stackoverflow.com/questions/8719276/cors-with-php-headers
  • 0
    Корректным вызовом jquery Ajax должен быть method: "POST", не type: "POST",
Показать ещё 1 комментарий
Теги:

2 ответа

0 
$(document).on("submit", "#requestForm", function (event) {$.ajax({
    url:"https://127.0.0.1:5500/insert.php",
    type: "POST", 
    data:$(this).serialize(),
    success:function(response)
    {
      alert("Well done!");
    }
  });
});

Попробуйте этот код JQuery.

Поделиться
  • 0
    Не работает. Кстати, тип ввода - кнопка, так что «отправить» не вариант, я думаю?
  • 0
    127.0.0.1:5500/insert.php Заменить на localhost / insert.php
0

+ Изменить

type: "POST"

в

method:"POST"

Другая ошибка, с которой вы можете столкнуться:

Вы используете requestDate в php, но request_date в html. Похоже для других параметров.

Обновление: добавьте заголовок cors для вызова Ajax

url:"http://127.0.0.1:5500/insert.php",
method: "POST", 
headers: {
   'Access-Control-Allow-Origin': '*'
},
data:$("#requestForm").serialize(),
success:function(response)
{
  alert("Well done!");
}
Поделиться
  • 0
    Спасибо. Первая часть не помогла, все равно получаю ошибку. Вторая часть исправлена.
  • 0
    вы меняли порт xampp слушая 5500?
Показать ещё 7 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню