将php代码与jquery / javascript结合起来

时间:2015-11-27 10:10:37

标签: javascript php jquery counter visitor

我有php代码和jQuery / javascript。我想使用jQuery和php代码创建访问者计数器。

这是php代码:

<?php 
$handle = fopen("counter.txt", "r");

if(!$handle){
    echo "could not open the file" ; 
} else { 
    $counter = (int ) fread($handle,20); 
    fclose ($handle);
    $counter++; 
    //echo $counter; 
    $handle = fopen("counter.txt", "w" ); 
    fwrite($handle,$counter) ; 
    fclose ($handle) ; 
} 
?>

这是jQuery / javascript代码:

<html>
<head>
<title>jQuery Hello World</title>

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/jquery.counter.js"></script>

<link href="js/jquery.counter-analog.css" rel="stylesheet">

</head>

<body>

  <span id="custom"></span>
  <script>
     $('#custom').addClass('counter-analog').counter({
       //direction: 'up',
       interval: '1',
       format: '99999'
       //stop: '2012'
    });
  </script>
</body>
</html>

如何将jQuery / javascript代码组合成php代码?这是我第一次使用jQuery,我仍然不明白使用jQuery。所以我需要你的帮助。 :D谢谢。

结果如下:

enter image description here

我想添加&#34; 50&#34;进入jQuery&#34; 00000&#34;,结果是&#34; 00050&#34;

1 个答案:

答案 0 :(得分:1)

您只需要回显span元素中的计数器值。 因此,假设您的PHP代码位于文件的顶部,它应该如下所示。

<?php 
$handle = fopen("counter.txt", "r");

if(!$handle){
    echo "could not open the file" ; 
} else { 
    $counter = (int ) fread($handle,20); 
    fclose ($handle);
    $counter++; 
    //echo $counter; 
    $handle = fopen("counter.txt", "w" ); 
    fwrite($handle,$counter) ; 
    fclose ($handle) ; 
} 
?>
<html>
<head>
<title>jQuery Hello World</title>

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/jquery.counter.js"></script>

<link href="js/jquery.counter-analog.css" rel="stylesheet">

</head>

<body>

  <span id="custom"><?php echo $counter; ?></span>
  <script>
     $('#custom').addClass('counter-analog').counter({
       //direction: 'up',
       interval: '1',
       format: '99999'
       //stop: '2012'
    });
  </script>
</body>
</html>