根据mysql查询结果填充表单的字段

Question

在我的项目中，它有一个具有窗体的接口(designation.php)。当用户输入“指定代码”(主键)并单击“更新”按钮时，应相应地填充其余字段。我知道这将需要Ajax。但问题是，通过使用以下查询，我已经完成了从数据库中仅检索一行结果的工作。但是，这不是我的目标。

while($row = mysqli_fetch_assoc($run1)) {
   echo "<tr id='tr'>";
   foreach($row AS $cell) echo "<td>$cell</td>";
   echo "</tr>\n";
}

下面是“signation.php”..

<form action="crud.php" method="post">
<table>
  <th >DESIGNATION</th>
  <tr>
  <td >Designation Code</td>
  <td ><input type="text" name="des_code" /></td>
</tr>
<tr>
  <td >Designation</td>
  <td><input type="text" name="desig" /></td>
</tr>
<tr>
  <td >Salary Code</td>
  <td><input type="text" name="s_code" /></td>
</tr>
<tr>
  <td >Salary Scale</td>
  <td><input type="text" name="s_scale" /></td>
</tr>
<tr>
  <td >Salary point </td>
  <td><input type="text" name="s_point" /></td>
</tr>
<tr>
  <td>Date</td>
  <td > <input type="date" name="date" /></td>
</tr>
<tr>
  <td><input type="submit" name="update" value="Update" /></td>
</tr>
</table>

我尝试了许多解决方案，但没有得到预期的结果。任何帮助都是非常感谢的。

Answer 1

  $(document).ready(function(){
       ("#form1").submit(function({
         var id=<?php echo $_POST['des_code']; ?>;

         $.ajax({
             url: 'update.php',
             type:'POST',
             data: {id:id},
             success : function (data)
             { 
                 var a=data.split('[BRK]');
                 $("#s_scale").val(a[0]);
                 // like wise store all your fields..
             }
         })
       })

upadte.php将包含

    $id=$_POST['id']; //designation id from jqyery
    $q=mysqli_query("your goes here..");
    while($row = mysqli_fetch_array($q)) 
    {
           $cell=$row[0];
           $cell.="[BRK]".$row[1];
           $cell.="[BRK]".$row[2];
     }
     echo $cell;

将id赋给您的文本字段，这样您就可以从jquery中直接添加值。并给表单id，这样你就可以触发onsubmit事件……

我没有尝试这段代码，但希望它能正常工作……

Answer 2

要传输多个值，请使用json！

Jquery代码：：

$(function(){
  id="XXXX";
  $("form").on("submit",function(e){
     e.preventDefault();

     $.getJson("update.php",{"id":id},function(response){
        $("#value1").val(response.value1);
        $("#value2").val(response.value2);
        // like wise store all your fields..
     })
  })
})

Update.php:：

$q=mysqli_query("your query");
$row = mysqli_fetch_array($q);
echo json_encode($row);  

$row将是一个包含value1、value2等的数组！！