使用 ajax 使用 php mysqli 更新模态表单上的数据

Question

我设法防止我的模态表单在使用提交值后关闭 ajax jQuery 无需页面刷新，

但现在我的问题是当我填写我的模态表单并单击提交以更新我的数据库中的数据时没有更新。

我认为我的 ajax 代码有问题。

希望你能帮助我。谢谢。

这是我的代码：

 <form class="needs-validation " id="contact-form" action="index13.php" method="post" novalidate >
</form>

这是我的 index13.php 代码：

<?php

 include_once ('connection.php');

if(isset($_POST['submit1']))
{

$username2 = $_POST['username2'];
$password1= $_POST['password1'];
$time=date("H:i:s");

$sql = "select * from visitor_att  where  uname = '$username2' and pass = '$password1'";
$result = mysqli_query($conn,$sql);
 $count = mysqli_num_rows($result);

if ($count == 0) {

echo "No Results";

    } else{
      while ($row = mysqli_fetch_array($result)) {
          $username2 = $row['uname'];
          $password1 = $row['pass'];
          $fname=$row['fname'];
          $lname=$row['lname']; 

         $InsertSql = "Update visitor_att set timeout = '$time' where  uname = '$username2' and pass = '$password1'";
        $res = mysqli_query($conn, $InsertSql); 

        }

         }



  }
?>

这是我的 ajax jQuery 代码：

<script>    
$(function() {


 var frm = $("#contact-form");

    frm.submit(function (e) {

        e.preventDefault();

        $.ajax({
            type: frm.attr("post"),
            url: frm.attr("action"),
            data: frm.serialize(),
            success: function (data) {
                console.log('Submission was successful.');
                console.log(data);
            },
            error: function (data) {
                console.log('An error occurred.');
                console.log(data);
            },
           });
        });
    });
</script>

当我在控制台上运行它时，它显示提交成功。 但没有数据插入数据库中。

Answer 1

看起来您需要将 id 属性添加到表单中，因为您的 ajax 调用已绑定到它...

<form id="contact-form" class="needs-validation" action="index13.php" method="post" novalidate >