在Codeignitor应用程序中使用Jquery每10秒更新一次div [英] Using Jquery in Codeignitor app to update div every 10 seconds

问题描述

我遇到一个问题，我只是无法解决，并会感谢一些帮助。

I am having a problem that I just can't solve and would appreciate some help.

我使用codeignitor 2.X应用程序和im尝试使用以下Jquery代码在我的视图中每10秒更新一个数字。

I'm fooling around with a codeignitor 2.X app and im trying to use the following Jquery code to update a number every 10 seconds in my view.

<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#load_score').load('<?php echo $FighterOneScore; ?>').fadeIn("slow");
}, 10000); // refresh every 10000 milliseconds

</script>

这是我的视图中的div标签

And this is my div tag in my view

<div id="load_score"> </div>

UPDATE

Here is my controller code

public function left()
{
    $this->load->model('points');
        $data['ScoreOne'] = $this->points->get_ScoreOne();
        echo $data['ScoreOne'];
}

    public function right()
{
    $this->load->model('points');
        $data['ScoreTwo'] = $this->points->get_ScoreTwo();
        echo $data['ScoreTwo'];
}


}
?>

这是我在我的VIEW中的Javascript：

Here is the Javascript I have in My VIEW:

<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$.get("<?php echo base_url(); ?>response/left",
function(data){ $("#load_score").html($data); } // not sure about fadeIn here!
);
}, 10000); // refresh every 10000 milliseconds

</script>

当我在浏览器中加载视图时 - 页面不显示任何内容。

When I load my view in the browser - The page shows nothing.

推荐答案

如何实现这一目标，

<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$.get("<?php echo base_url(); ?>sampleController/sampleData",
function(data){ $("#load_score").html($data); } // not sure about fadeIn here!
);
}, 10000); // refresh every 10000 milliseconds

</script>

并且，在php中，创建一个控制器 sampleController 使用方法 sampleData

And, in php, create a controller sampleController with a method sampleData

：

echo $FighterOneScore;

这篇关于在Codeignitor应用程序中使用Jquery每10秒更新一次div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！