【发布时间】：2015-02-07 15:09:28
【问题描述】：
我想在我的浏览器中显示我所有的 textarea 输入（因为如果我刷新我的页面，所有数据都从我使用 jquery/ajax 通过我的 html 表单发送的数据中消失了）。因此，当前使用来自 homepage.php 的 jquery/ajax 信息正在通过我的#textarea 输入发送到 data.php，并且成功返回以显示是我的#status div。每次我点击 POST 按钮时，数据都会添加到浏览器中，但是当我刷新页面时，数据全部丢失（即使信息存储在我的 sql 表中）。我知道我需要使用 while() 循环，并且我已经尝试过，但是我的代码都没有针对我想要实现的目标起作用。
主页.php
<?php
include("connection.php");
session_start();
if(isset($_SESSION['user_id']) && $_SESSION['user_id'] != "") {
$sid = $_SESSION['user_id'];
$conn = new mysqli(DB_HOST, DB_USER, DB_PASS, DB_NAME);
$sql = "SELECT * FROM `users` WHERE id='{$sid}'";
$query = $conn->query($sql);
$result = $query->fetch_assoc();
$fname = $result['fname'];
$lname = $result['lname'];
$time = time();
}
else {
header("location:login.php");
}
?>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
//daddy code
$ (document).ready(function() {
//mama code
$("button#postbutton").click(function() {
var data = $("#formpost").serialize();
var posterid = <?php echo $sid; ?>;
$.ajax({
type: "POST",
url: "data.php",
data: data,
success: function(data) {
$("#statustext").append(data);
$("textarea#text1").val('');
}
});
});
});
</script>
</head>
<body>
<div id="global">
<form id="formpost" action="" method="post" onsubmit="return false">
<textarea id="text1" name="status" value="" ></textarea>
<button id="postbutton">POST</button>
<a href="logout.php">LOGOUT</a>
</form>
<br/>
<br/>
<div id="allstatus">
<!-- SKELETON -->
<div id="wholestatus">
<div id="statuspic">
</div>
<div id="statusinfo">
<div id="statusname"><?php echo " Welcome to VLE, {$fname} {$lname} ";?></div>
<div id="statustext"> </div>
</div>
</div>
<!-- SKELETON -->
</div>
</div>
</body>
</html>
数据.php
<?php
const DB_HOST = 'localhost';
const DB_USER = 'root';
const DB_PASS = '';
const DB_NAME = 'forum';
//connecting
$conn = new mysqli(DB_HOST, DB_USER, DB_PASS, DB_NAME);
if($conn->connect_error) {
die("Connection Failed: " . $conn->connect_error);
} else {
}
if(isset($_POST['status']))
{
$var = $_POST['status'];
$sql = "INSERT INTO `question`(id, question) VALUES ('', '{$var}')";
$result = $conn->query($sql);
if($result) { }
else {
echo "failed: " . $conn->error;
}
echo "<br>{$var}";
}
?>
【问题讨论】：
-
您是否尝试过 Ctrl+F5 或 Ctrl+R 强制刷新？可能是输出缓存在浏览器中。如果这是问题所在，您可以设置一个标头来告诉浏览器它不应该缓存该页面。
-
状态并没有真正在客户端上持续存在，因此当您刷新时，您基本上是从头开始。如果您仍然使用 ajax，为什么还要刷新页面？
-
我只想使用获取 assoc 的 while 循环从 sql 表中检索所有数据。问题是我的代码不起作用...我的 $var 包含所有 textarea 输入并存储在 sql 表问题中，但是当我刷新浏览器时，html 显示消失了。如果你明白我的意思..
-
例如 $query = "SELECT * FROM
question"; $result = $conn->query($query); while($row = $result->fetch_assoc()) { echo "
{$row['question']}"; } 但这没有以正确的方式显示我的 sql 表。 -
这就是浏览器和刷新的本质。当您刷新时，它不记得您之前在做什么或在浏览器或您的页面上发生了什么......所以当然您的 HTML 已经消失了。您需要在页面中查询数据库，以便每次加载时都会看到结果。但是就像我已经说过的那样，当您已经在使用 ajax 时，为什么还要依赖/搞乱页面刷新？发帖后，为什么要刷新？只需使用成功函数显示结果即可。