如果用戶使用Jquery / Ajax在html輸入字段上輸入一些文本，該如何調用ajax？

Question

我有一個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>

HTML代碼：

<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>

Answer 1

嘗試讀取用戶輸入時，通常使用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);
    });
})

Answer 2

使用$("#given_name").change(...)代替$("#given_name").blur(...) 。