我有以下页面，适用于 MySQL、PHP 和 AJAX 如果我单击一个名称(id =“orderN”)，它会返回咨询结果，该结果对名称进行降序或升序排序。 有什么方法可以让您刷新(F5)页面时将结果保存为关闭前的状态(ASC 或 DESC)吗？ 我听说过 cookies 和 HTML5 Storage，这比 cookies 更好。 如果您可以使用其中任何一个来完成此操作，请告诉我
<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>";
?>
最佳答案
你可以做到这一点，但只需将容器(任何 div、span 甚至 body)保存为
localStorage.variableName = document.getElementById("id");
然后您可以使用以下方式访问
if(Storage!=="undefined" && localStorage.variableName!=null)
现在您可以将值设置为
container.val = localStorage.variableName
关于php - 如何使用html5 webstorage保存页面？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13301449/