0

我有这个表格。

<form id="form1" name="form1" method="post" action="">
  <p>
    <label for="textfield"></label>
     Id: 
     <input type="text" name="textfield" id="textfield" />
  </p>
  <p>
    <label for="textfield2"></label>
    Name: 
      <input type="text" name="textfield2" id="textfield2" />
  </p>
  <p>
    <label for="textfield3"></label>
    Apellido: 
    <input type="text" name="textfield3" id="textfield3" />
  </p>
  <p>
    <input type="submit" name="button" id="button" value="Enviar" />
  </p>
  <p>&nbsp;</p>
</form>

当我写 de id 然后脉冲键选项卡时，在输入名称和 apellido 必须得到我的数据库 mysql 的这个信息。

我希望，你能理解我。

4

2 回答 2

-1

您的代码将如下所示：

<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

        <script type="text/javascript">
            $(document).ready(function() {

                $('#textfield').blur(function() {
                    var myId = $(this).val();
                    if (myId == '') return false;

                    $.ajax({
                        type: "POST",
                        url:  "myFile.php",
                        data: "theID=" +myId,
                        success: function(fromPHP) {
                            var allRecd = fromPHP.split('|');
                            var name = allRecd[0];
                            var apel = allRecd[1];

                            $('#textfield2').val(name);
                            $('#textfield3').val(apel);
                        }
                    })
                });


            }); //END $(document).ready()

        </script>
    </head>
<body>

    <form id="form1" name="form1" method="post" action="">
      <p>
        <label for="textfield"></label>
         Id: 
         <input type="text" name="textfield" id="textfield" />
      </p>
      <p>
        <label for="textfield2"></label>
        Name: 
          <input type="text" name="textfield2" id="textfield2" />
      </p>
      <p>
        <label for="textfield3"></label>
        Apellido: 
        <input type="text" name="textfield3" id="textfield3" />
      </p>
      <p>
        <input type="submit" name="button" id="button" value="Enviar" />
      </p>
      <p>&nbsp;</p>
    </form>

</body>
</html>

PHP端：myFile.php

<?php
    $id = $_POST['theID'];

    //Do your mysql query here, for example
    $result = mysql_query("SELECT * FROM users WHERE user_id = '$id' ");

    $n = $result['name'];
    $a = $result['apellido'];

    $response = $n . "|" . $a;

    echo $response;

笔记：

  1. 我们使用 jQueryblur()方法来检测用户何时离开文本字段
  2. 然后获取该字段的内容（var myId）
  3. 如果该字段为空，则不要进行 AJAX 查找
  4. 通过 POST 方法将键名为“theID”且内容 == myId 的 assoc var 发送到文件 myFile.php
  5. 在 PHP 端，接收 ID 并将其命名为 $id（在这一端）
  6. 你 mysql 查找并获取“名称”和“apellido”值吗
  7. 将它们作为一个简单的字符串连接在一起，用“|”分隔 字符
  8. 将它们回显到 AJAX 代码块
  9. 重要提示：从 PHP 返回的所有数据都必须在success函数内部处理！
  10. 再次提取名称和 apellido 值
  11. 注入正确的字段。
于 2013-09-23T17:05:42.517 回答
-1

您可以使用 jQuery 来使用 AJAX 并将此表单数据发送到 MySQL。

$(document).ready(function(){
   $('#button').on('click',function(e){
      var data = $('#form1').serialize();
      $.ajax({
            url:'get_data.php',
            type: 'post',
            data: data,
            success: function(response) {console.log(response);},
            error: function() {console.log('Request failed.')}
      });
      return false;
   });
});

在服务器端，您可以像下面这样获取这些数据并保存到 mysql 数据库中。我假设你有一个表名 Persons。

<?php 
  $textfield = $_POST['textfield'];
  $textfield2= $_POST['textfield2'];
  $textfield3= $_POST['textfield3'];

  $con=mysqli_connect("localhost","dbusername","dbpass","dbname");
  if (mysqli_connect_errno())
   {
     echo "Failed to connect to MySQL: " . mysqli_connect_error();
   }

   mysqli_query($con,"INSERT INTO Persons (textfield , textfield2, textfield3)
   VALUES ('$textfield', '$textfield2','$textfield3')");
   mysqli_close($con);
?>
于 2013-09-23T17:19:41.127 回答