Question

所以我正在制作一个将信息放入本地mysql数据库的表单。但是当我尝试发布它时，我卡住了。尝试进行调试时，出现“ 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代码。为了进行测试，我尝试仅从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");
?>

Answer 1

更改

type: "POST"

到

method:"POST"

您可能会遇到的其他错误：

您正在php中使用requestDate，但在html中使用request_date。其他参数也是如此。

更新：将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!");
}

Answer 2

$(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代码。

找不到405方法。在本地主机上

2 个答案: