Question

谁能告诉我如何使用php ajax和jquery从数据库中检索数据并将其显示在html的文本框中？仅在单击按钮时才会显示。感谢您的帮助！

Answer 1

register.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>registion</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script>

        $(function () {
            $('#btn').click(function () {
              $.post(
                  'checkUserName.php',{
                      username:$('#username').val()
                  },function(data,textStatus){
                      $('#result').html(data);
                });
            });
        });

    </script>
</head>
<body>
    <h1>registion</h1>
    <form action="" method="post">
        userName：<input type="text" name="username" id="username">
        <input type="button" value="Verify userName" id="btn">
        <br>
        <span id="result"></span>


    </form>
</body>
</html>

checkUserName.php

<?php

$uname = $_POST['username'];

$conn = mysqli_connect('localhost','root','root','db_user');
$query = "SELECT * from tb_user where name = '$uname' ";
$result = mysqli_query($conn,$query);
$nums = mysqli_num_rows($result);

//echo $query;
//echo $nums;
if($nums > 0){
    echo "Username already exist";
}else{
    echo "Username OK";
}

mysqli_close($conn);

Answer 2

下次，请一起发布您到目前为止所做的事情。从那里开始，只有社区才能为您提供帮助。

HTML代码：

<input type="text" id="input-box">
<button type="button" id="btn_get">Click</button>

Ajax代码：

$('#btn_get').on('click', function(){
 $.ajax({
   type    : "get",
   url     : '/path/to/php/file',       
   success : function(data)
   {
     $('#input-box').val(data);
   }
 });
});

PHP代码：

//get data from db here
$data = 'foo';
echo $data;

如何使用php ajax和jquery从数据库中检索数据并在文本框中显示？

2 个答案: