如何使用html5 webstorage保存页面？

我有以下页面，它与MySQL，PHP和AJAX 一起使用，如果我点击一个名称（id =“orderN”），它会让我回到咨询结果，该咨询结果命令降序或升序。如果刷新页面（F5），是否有任何方法将结果保存为关闭之前的结果（ASC或DESC）？我听说过Cookie和HTML5存储，这比Cookie更好。如果你可与他们做它，让我知道请如何使用html5 webstorage保存页面？

<html> 
<head> 
    <script type="text/javascript" src="jquery-1.8.2.min.js"></script> 
</head> 
<body> 
    <table> 
     <tr><th><a href="#" id="orderN">Name</a></th></tr> 
    </table> 
    <? 
    $Conn = mysql_pconnect('localhost', 'root', '1234') or die('Error"'); 
    mysql_select_db('DATA'); 
    $consult = "SELECT NAME 
      FROM STUDENTS"; 
    $query = mysql_query($consult); 
    echo "<div id='DivConsult'><table>"; 
    while ($table = mysql_fetch_assoc($query)) { 
     echo "<tr>"; 
     echo "<td>" . $table['NAME'] . "</td>"; 
     echo "</tr> ";} 
    echo "</table>"; 
    ?> 
    <script> 
     $(document).ready(function() { 
      var contName = 0; 
      $('#orderN').click(function() { 
       contName++; 
       if (contName % 2 !== 0) { 
        $.ajax({ 
         type: "POST", 
         url: "reOrder.php", 
         data: "tipOrder=ASC", 
         success: function(data) { 
          $('#DivConsult').html(data); 
         }}); 
       } 
       if (contName % 2 == 0) { 
        $.ajax({ 
         type: "POST", 
         url: "reOrder.php", 
         data: "tipOrder=DESC", 
         success: function(data) { 
          //alert(data); 
          $('#DivConsult').html(data); 
         }}); 
       } 
      }); 
     }); 
    </script> 
</body>

AJAX：

<?php 
$Conn = mysql_pconnect('localhost', 'root', '1234') or die('Error"'); 
mysql_select_db('DATA'); 

$consult = ""; 

if (isset($_POST['tipOrder'])) { 

if ($_POST['tipOrder'] == 'ASC') { 
    $consult = "SELECT NOMBRE 
      FROM STUDENTS ORDER BY NAME ASC"; 
} 
if ($_POST['tipOrder'] == 'DESC') { 
    $consult = "SELECT NAME 
      FROM STUDENTS ORDER BY NAME DESC"; 
}}` 
    $query = mysql_query($consult); 

echo "<table>"; 

while ($table = mysql_fetch_assoc($query)) { 
    echo "<tr>"; 
    echo "<td>" . $table['Name'] . "</td>"; 
    echo "</tr> ";} 

echo "</table>"; 

?>

来源

2012-11-09 Kakitori

不同于论坛的网站，我们不使用的“谢谢”，或者“任何帮助表示赞赏”，或签名设定值等等。请参阅“[应该'嗨'，'谢谢'，标语和致敬从帖子中删除？]（http://meta.stackexchange.com/questions/2950/should-hi-thanks-taglines-and-salutations-be -removed - 从 - 个）。 –

你可以做到这一点，但只是保存容器（任何股利，跨度甚至身体）如

localStorage.variableName = document.getElementById("id");

然后你c通过使用

if(Storage!=="undefined" && localStorage.variableName!=null)

的访问，现在你可以为

container.val = localStorage.variableName

来源

2012-11-09 03:11:56

如何使用html5 webstorage保存页面？

回答

相关问题