Php 如果用户使用Jquery/ajax在html输入字段中输入一些文本，我如何调用ajax？

我有一个html用户配置文件表单，其中数据来自mysql数据库。当前，当用户使用jquery

.blur（）

将鼠标悬停在输入字段外时，我正在调用ajax。现在我想知道，当用户实际在输入字段中键入内容时，如何调用这个ajax

Jquery/Ajax代码：

<script>
$("#given_name").blur(function(){   

var given_name =  $("#given_name").val(); 

$.ajax({
  url: 'certainfield.php',
  type: 'POST',
  dataType: 'html',
  "given_name" : given_name
}).done(function ( data ) {
  $('#r').append(data);
});

});
</script>

<tr>
<td>Given name</td>
<td><input type="text" value="<?php echo $res['given_name'] ?>" name="given_name" 
id="given_name" placeholder="Given name"/></td>
</tr>

$（“#给定_名称”）.blur（函数（）{
var given_name=$（“#given_name”）.val（）；
$.ajax({
url:'certainfield.php'，
键入：“POST”，
数据类型：“html”，
“给定名称”：给定名称
}).完成（功能（数据）{
$（'r'）。追加（数据）；
});
});

Html代码：

<script>
$("#given_name").blur(function(){   

var given_name =  $("#given_name").val(); 

$.ajax({
  url: 'certainfield.php',
  type: 'POST',
  dataType: 'html',
  "given_name" : given_name
}).done(function ( data ) {
  $('#r').append(data);
});

});
</script>

<tr>
<td>Given name</td>
<td><input type="text" value="<?php echo $res['given_name'] ?>" name="given_name" 
id="given_name" placeholder="Given name"/></td>
</tr>

姓名
使用
$（“#给定名称”）。更改（…）
而不是
$（“#给定名称”）。模糊（…）
尝试读取用户输入时，通常使用
onkeyup
事件，然后读取已输入到字段中的数据

$('#given_name').on('keyup', function () {
    var given_name = $(this).val();
    $.ajax({
        url: 'certainfield.php',
        type: 'POST',
        dataType: 'html',
        "given_name": given_name
    }).done(function (data) {
        $('#r').append(data);
    });
})

使用关键帧而不是模糊。但是您必须更复杂，以防止可能以不可预测的顺序返回的多个异步调用。现在，当我在输入字段中键入我不想要的内容时，它正在调用
ajax
。当用户实际在输入字段中键入内容并将鼠标悬停在该输入字段中时，我想调用这个
ajax
。