javascript - 如何使用ajax请求从php获取值以进行输入

Question

您好，我的问题是如何使用带有 onclick 事件的 ajax 从 php 脚本中获取值。

我有一个文本字段和一个按钮

<button type="button" class="btn btn-primary" onclick="getid(this)">Generate ID</button>
<input type="text" name="pin" class="form-control" readonly>

这是我的名为 getrowcount.php 的 php 脚本

include_once  'conx.php';

$query ="SELECT * FROM patientprofile";
$result = $DBcon->query($query);
$count = $result->num_rows;

if ($result) {
   if($count >= 0){
       $count_res = $count += 1;
       $idnum = $count_res;
       $test = str_pad($idnum, 5, "0", STR_PAD_LEFT);
    }
}

现在我的问题是如何从 $test 获取值并使用ajax将其放入输入文本字段中。

Answer 1

您可以使用 AJAX 在输入字段中显示查询的输出。

第 1 步:将此行代码添加到 getrowcount.php 的底部:

echo $test;

第 2 步:修改 HTML，使其如下所示:

<form id="get">
   <input type="text" id="pin" name="pin" class="form-control" readonly>
   <input type="submit" class="btn btn-primary" value="Generate ID">
</form>

第 3 步:将此脚本添加到页面底部。

<script>
$(document).ready(function(){
    $("form#get").submit(function(event) {
        event.preventDefault();
        var input = $("#pin");

        $.ajax({
            type: "POST",
            url: "getrowcount.php",
            success: function(data) { input.val(data); }
        });
    });
});
</script>