使用javascript自动刷新输入字段

时间:2016-07-21 04:57:42

标签: javascript php jquery html automation

我不会在输入字段中自动刷新。你可以帮我吗?

实施例: 这是我的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">

如果我想将输入字段设置为自动刷新以从数据库获取最后的数据,我该怎么办? 注意:我将仅在输入字段上刷新

2 个答案:

答案 0 :(得分: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;
?>

答案 1 :(得分:0)

您的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'中的空格,否则它将返回整个页面。