將PHP代碼與jquery / javascript結合

Question

我有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謝謝。

結果如下：

我想在jQuery“ 00000”中添加“ 50”，所以結果是“ 00050”

Answer 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>

將PHP代碼與jquery / javascript結合

問題描述

1 個解決方案

解決方案1
1 已采納 2015-11-27 10:53:38

將PHP代碼與jquery / javascript結合

問題描述

1 個解決方案

解決方案1 1 已采納 2015-11-27 10:53:38

解決方案1
1 已采納 2015-11-27 10:53:38