使用javascript自动刷新输入字段

Question

我不会在输入字段中自动刷新。你能帮我吗？

示例:这是我的php代码

<?php
$result = mysql_query("SELECT * FROM datapy ORDER BY No DESC LIMIT 0,1");
$showlast = mysql_fetch_array($result);
?>
<input type="text" value="<?php echo $showlast['nilai_1']; ?>" id="last">

如果我想让输入字段自动刷新，以便从数据库中获取最新数据，我应该怎么做？注意:我将仅在输入字段上刷新

Answer 1

您可以使用setTimeout()。

您的html内容

 <input type="text" value="" id="last">

添加javascript

$(document).ready(function() {
  refresh_field();
})

function refresh_field() {
  $.get("ajax_file.php", function(data) {
    $("#last").val(data);
    window.setTimeout(refresh_field, 1000);
  });
}

其中ajax_file.php是一个将提供要更新的值的php文件。

<?php
$result = mysql_query("SELECT * FROM datapy ORDER BY No DESC LIMIT 0,1");
$showlast = mysql_fetch_array($result);
echo $showlast['nilai_1'];exit;
?>

Answer 2

您的javascript代码，并确保您的jQuery库已加载。

var url = // Source of data url 
var sec = // Time interval in seconds for autorefresh 
$(function() { 
    setTimeout(function() {
        $('#last').load('url' + ' #last');}, sec );
});

注意‘#last’中的空格，否则它将返回整个页面。