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(...)。

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

2 个答案: