ajax和php,创建关系表后,不显示插入的数据

jpfvwuh4  于 2021-06-21  发布在  Mysql
关注(0)|答案(1)|浏览(342)

我是ajax和php的新手,我想用bootstrap model、ajax和php来解决我对mysql表中isert数据的疑问。
所以,我有一个名为“tbl\u employee”的表和一个名为“index.php”的页面。
在“index.php”中,我有一个bootstrap模式按钮,当用户点击它时,它可以很好地工作。用户单击此按钮后,引导模式将显示一个窗体,当用户完成时,它将单击该按钮。单击“插入”按钮后,用户输入的所有数据都会正常存储在“tbl\ U employee”中。
但是当我在“tbl\u employee”表中创建一个与另一个名为“tipo\u ps”的表的关系时,用户就不能再通过引导模式表单在mysql中插入数据了。下面我打印了一个图像,显示了我创建的一个列,用于建立与“tbl\u employee”表的关系:
关系-mysql表
在“index.php”页面中,我有以下ajax代码:

<script>  
$(document).ready(function(){
 $('#insert_form').on("submit", function(event){  
     var tipo=$("#tipo").val();
  event.preventDefault();  
  if($('#name').val() == "")  
  {  
   alert("Name is required");  
  }  
  else if($('#address').val() == '')  
  {  
   alert("Address is required");  
  }  
  else if($('#designation').val() == '')
  {  
   alert("Designation is required");  
  }

  else  
  {  
   $.ajax({  
    url:"insert.php",  
    method:"POST",  
    data: $('#insert_form').serialize(),
    beforeSend:function(){  
     $('#insert').val("Inserting");  
    },  
   success:function(data){  
     $('#insert_form')[0].reset();  
     $('#add_data_Modal').modal('hide');  
     $('#employee_table').html(data);
    }  
   });  
  }  
 });
</script>

如果我不创建任何关系表,上面的代码可以正常工作。下面是负责在“tbl\u employee”表中插入数据的代码(insert.php)。创建关系时,我在代码中插入了“tipo”列:

<?php
include 'dbconnect.php';
if(!empty($_POST))
{
 $output = '';
 $tipo = mysqli_real_escape_string($conn, $_POST['tipo']); 
 $name = mysqli_real_escape_string($conn, $_POST['name']);  
    $address = mysqli_real_escape_string($conn, $_POST['address']);  
    $gender = mysqli_real_escape_string($conn, $_POST['gender']);  
    $designation = mysqli_real_escape_string($conn, $_POST['designation']);  
    $age = mysqli_real_escape_string($conn, $_POST['age']);
    $query = "
    INSERT INTO tbl_employee(tipo, name, address, gender, designation, age)  
     VALUES('$tipo', '$name', '$address', '$gender', '$designation', '$age')
    ";
    if(mysqli_query($conn, $query))
    {
     $output .= '<label class="text-success">Data Inserted</label>';
     $select_query = "SELECT tbl_employee.id, tbl_employee.tipo, tbl_employee.name, tipo_ps.tipo FROM (tbl_employee INNER JOIN tipo_ps ON tbl_employee.tipo = tipo_ps.tipo_id)";
     $result = mysqli_query($conn, $select_query);
     $output .= '
      <table class="table table-bordered">  
                    <tr>  
                         <th width="70%">Tipo</th>  
                         <th width="70%">Name</th>
                         <th width="30%">View</th>  
                    </tr>

     ';
     while($row = mysqli_fetch_array($result))
     {
      $output .= '
       <tr>  
                         <td>' . $row['tipo'] . '</td>  
                         <td>' . $row['name'] . '</td>
                         <td><input type="button" name="view" value="view" id="' . $row['id'] . '" class="btn btn-info btn-xs view_data" /></td>  
                    </tr>
      ';
     }
     $output .= '</table>';
    }
    echo $output;
}
?>

如上所述,当用户单击引导模式窗体上的插入按钮时,“index.php”页面中不会显示任何内容,如下图所示:
模态形式-插入按钮
单击“插入按钮”后的空白页
但如果删除我创建的关系,一切都很好。
在这种情况下,如果可能的话,我能做些什么,用创建的关系在“tbl\u employee”表中插入数据?
非常感谢大家。

zaqlnxep

zaqlnxep1#

所以问题出在选项标签上:

if($rowCount > 0) {
        while($row = $query->fetch_assoc()) {  
            echo '<option value="">'.$row['tipo'].'</option>';
        }
    } else {
        echo '<option value="">Tipo não encontrado</option>';
    }

在insert查询中,您有空的 $tipo 价值观,

$query = "INSERT INTO tbl_employee(tipo, name, address, gender, designation, age)  
VALUES('$tipo', '$name', '$address', '$gender', '$designation', '$age')
";

所以把它改成:

if($rowCount > 0) {
    while($row = $query->fetch_assoc()) { 
        echo '<option value="'.$row['tipo_id'].'">'.$row['tipo'].'</option>';
    }
} else {
    echo '<option value="">Tipo não encontrado</option>';
}

相关问题