从mysql的输入填充表

时间:2015-04-16 18:39:04

标签: php mysql ajax mysqli

我有一个输入,其中输入了一个代码,并在下表中填写了来自mysql optenida的信息,问题是我希望每次输入代码时,表中都会添加所有数据(不删除以前的数据) )。我有想法使用Ajax,但不知道从哪里开始。所以你看到有一种更简单的方法,我没有看到(在谷歌上找到)。我不想将这些数据添加到表中,我希望它是暂时的(直到表确认后,才会添加到数据库中)。

有什么想法吗?

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
  <style>
    table {
        width:100%;
        border: 1px solid black;
        border-collapse: collapse;
    }

    td {
        border: 1px solid black;
        border-collapse: collapse;
    }
  </style>
</head>
<body>
 <form action="index.php" method="post">
   <input type="text" name="input_codigo" placeholder="Codigo del producto" autocomplete="off" autofocus required><br><br>
 </form>
 <table>
   <tr>
     <td><b>Codigo</b></td>
     <td><b>Descripcion</b></td>
     <td><b>Precio</b></td>
     <td><b>Cantidad</b></td>
     <td><b>Importe</b></td>
   </tr>
     <?php
     session_start();
     error_reporting(E_ALL ^ E_NOTICE);
     require ("conectar.php");
     $_SESSION["codigo"] = $_POST["input_codigo"];
     $sql = "SELECT * FROM $tabla WHERE codigo = ".$_SESSION['codigo']."";
     $result = $conexion->query($sql);

     if ($result->num_rows > 0) {
         while($row = $result->fetch_assoc()) {

          echo "
          <tr>
            <td>".$row["codigo"]."</td>
            <td>".$row["descripcion"]."</td>
            <td>$".$row["venta"]."</td>
            <td><input type='number' name='cantidad' value='1' min='1' max='5'></td>
            <td>$".$row["venta"]."</td>
          </tr>
          ";
         }
     } else {
          echo "";
     }
     $conexion->close();

     ?>
 </table>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

也许这样的事我在下面写。 添加了jQuery和Ajax请求以获取数据,然后将其添加到表中。 稍微更改了PHP,以便在没有返回主HTML时,如果它是AJAX请求。

希望它适合你(我没有测试过)。

&#13;
&#13;
<?php
   session_start();
   error_reporting(E_ALL ^ E_NOTICE);

	$bAjaxRequest = false;
	if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
		$bAjaxRequest = true;
	}
	// if not and ajax request deliver the complete HTML
	if(!$bAjaxRequest) {
?>
<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
  <style>
    table {
        width:100%;
        border: 1px solid black;
        border-collapse: collapse;
    }

    td {
        border: 1px solid black;
        border-collapse: collapse;
    }
  </style>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
 <form action="index.php" method="post" id="frmQuery" name="frmQuery">
   <input type="text" name="input_codigo" id="input_codigo" placeholder="Codigo del producto" autocomplete="off" autofocus required><br><br>
 </form>
 <table id="tblData" name="tblData">
   <tr>
     <td><b>Codigo</b></td>
     <td><b>Descripcion</b></td>
     <td><b>Precio</b></td>
     <td><b>Cantidad</b></td>
     <td><b>Importe</b></td>
   </tr>
     <?php
	} // end if(!$bAjaxRequest) {
	// we are always going to return the TR's or ""
     require ("conectar.php");
    
     // ALWAYS, BUT ALWAYS VERIFY/VALIDATE USER INPUT!!!
     $_SESSION["codigo"] = mysql_real_escape_string($_POST["input_codigo"]); // for example
     
     $sql = "SELECT * FROM $tabla WHERE codigo = ".$_SESSION['codigo']."";
     $result = $conexion->query($sql);

     if ($result->num_rows > 0) {
         while($row = $result->fetch_assoc()) {

          echo "
          <tr>
            <td>".$row["codigo"]."</td>
            <td>".$row["descripcion"]."</td>
            <td>$".$row["venta"]."</td>
            <td><input type='number' name='cantidad' value='1' min='1' max='5'></td>
            <td>$".$row["venta"]."</td>
          </tr>
          ";
         }
     } else {
          echo "";
     }
     $conexion->close();

	// if not and ajax request deliver the complete HTML
	if(!$bAjaxRequest) { ?>
 </table>
 <script type="text/javascript">
 function loadData(codigo) {
 		$.post( "index.php", { input_codigo: codigo }, function( data ) {
  		$("#tblData").append(data);
		});
 }
 
 	$(function() {
  	// jQuery POST are never cached, but if you change to GET you'll need this next line
  	//$.ajaxSetup ({ cache: false });
  	
  	$("#frmQuery").submit(function(e) {
  		e.preventDefault();
  		loadData($("#input_codigo").val());
  	});	
	});
 </script>
</body>
</html>
<?php 
	}
?>
&#13;
&#13;
&#13;