2013-04-08 223 views
-1

我遇到問題。我用jQuery,jQuery-ui,jQuery mobile和kineticjs創建了一個HTML和PHP頁面。切換到其他頁面時,請勿刷新整個頁面。我也嘗試使用<meta http-equiv="refresh" content="URL=aa.php">,但沒有奏效。 在該頁面中,我也使用PHP從PHP獲取結果。這裏是我的PHP頁面的代碼:無法刷新HTML頁面

<?php 
    if (isset($_POST['address']) && isset($_POST['prefix']) && isset($_POST['levels'])) { 
     require_once 'convert.php'; 
     $network = new Network($ip, $prefix, $levels); 
     print_html($network); 
     exit(); 
    } 
?> 
<!DOCTYPE HTML> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <meta http-equiv="refresh" content="URL=aa.php"> 
     <title>aa</title> 
     <link rel="stylesheet" href="css/jquery-ui.css" /> 
     <link rel="stylesheet" href="css/jquery.mobile-1.3.0.css" /> 
     <script src="js/jquery-1.9.1.js"></script> 
     <script src="js/jquery.mobile-1.3.0.js"></script> 
     <script src="js/jquery-ui.js"></script> 
     <script src="js/kinetic-v4.3.2-beta.js"></script> 
    </head> 
    <body> 
     <div data-role="page"> 
      <div data-role="header"> 
       <h3>aa</h3> 
      </div> 
      <div data-role="content"> 
       <h3>aa</h3> 
       <br /> 
       <div> 
        <label for="address">Address:</label> 
        <input type="text" id="address"> 
        <select id="prefix"> 
         <?php for ($i = 49; $i < 64; $i++) : ?> 
         <option value="<?php echo $i; ?>">/<?php echo $i; ?></option> 
         <?php endfor; ?> 
        </select> 
        <label for="subnet">Total Subnets: </label> 
        <input type="text" id="subnets"> 
        <button class="btn" id="build"> Build It </button> 
       </div> 

       <div id="network"></div> 
      </div> 
     </div> 

     <script src="js/jquery.js"></script>  
     <script type="text/javascript"> 
      $(function(){ 
       $("#build").click(function(){ 
        var subnets = parseInt($("#subnets").val()); 
        var address = $("#address").val(); 
        var prefix = $("#prefix").val(); 
        var levels = $("#subnets").val(); 
        $.post("aa.php", {address:address, prefix:prefix, levels:levels}, function(response){ 
         $("#network").html(response); 
         $("#network > .branch").show(); 
         $("#network .open-children").click(function(){ 
          $(this).text('-'); 
          $(this).parent().children(".branch").toggle(); 
          return false; 
         }); 
        }); 
       }); 
      }); 
     </script> 
    </body> 
</html> 

問題是否來自太多的JavaScript?

+0

看起來你有jQuery兩次。刪除第二個參考。 – 2013-04-08 08:52:18

+0

我已經擦除了div後的jQuery ..結果是一樣的..不工作.. – della 2013-04-08 08:58:38

+0

而不是插入整個源嘗試減少代碼到最小,仍然產生問題。 – vbence 2013-04-08 09:07:37

回答

0

元刷新工作得這麼:

<meta http-equiv="refresh" content="0;url=aa.php"> 
+0

但它不能。我不怎麼這樣。爲什麼..如果我使用你說的話,手動刷新我的頁面後,它總是每秒刷新一次。 – della 2013-04-08 08:56:00

0

你可以使用它沒有JS。

<noscript><meta http-equiv="refresh" content="0;URL='?nojs=1'"></noscript> 

檢查控制檯是否有任何錯誤並將其刪除。你也應該發現,如果你有瀏覽器的手機或PC版本,包括無論是jQuery的1.9.1.js或jquery.mobile-1.3.0.js

你也可以使用

window.location的

與setInterval或setTimeout它會做同樣的事情。但是你不能有任何JS錯誤。

0

您可以使用此JavaScript代碼刷新頁面:

document.location.reload(); 

或更改您的位置,如果你想:

document.location = "http://google.com"; 
0

試試這個,

<meta http-equiv="refresh" content="0;url=aa.php">