如何從數據庫中檢索數據並使用php ajax和jquery在文本框中顯示？

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 個解決方案

解決方案1
1 2018-09-28 03:07:03

解決方案2
0 2018-09-28 02:34:51

如何從數據庫中檢索數據並使用php ajax和jquery在文本框中顯示？

問題描述

2 個解決方案

解決方案1 1 2018-09-28 03:07:03

解決方案2 0 2018-09-28 02:34:51

解決方案1
1 2018-09-28 03:07:03

解決方案2
0 2018-09-28 02:34:51