我使用onload（）函数来避免在刷新页面时丢失PHP输出。我试图避免上传功能引起的震动效应。我还没有找到任何替代方法来做到这一点。如何在不使用 onload 的情况下实现相同的效果？
function showMe(){
$.ajax({
type: "POST",
url: "output.php",
cache: false,
data: "action=showMessage",
success: function(html){
$("#container").html(html);
}
});
return false;
}
<!DOCTYPE html>
<head>
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<script type="text/javascript" src="file.js"></script>
</head>
<body onload="showMe();">
<div id="container"></div>
<form id="myForm"></form>
</body>
</html>
if ($action=="showMessage")
{
$query="SELECT * FROM `comm` ORDER BY id ASC";
$result = mysqli_query($conn,$query);
if (isset($_REQUEST['parentId'])) {
$parentId = $_REQUEST['parentId'];
}
else { $parentId = 0; }
$i=0; $my = array();
while ($row = mysqli_fetch_row($result)){
$my[$i] = $row; $i++;
}
tree($my, 0, $parentId);
}
function tree($Array, $lvl, $ansId, $pid = 0)
{ $parentId = $ansId;
foreach($Array as $item)
{
if ($item[1] == $pid)
{ ?>
<div style="margin-left:<?php echo($lvl*40); ?>px">
<p><?php echo($item[3]); ?></p>
<?php
if ($lvl<=4){ echo '<a href="javascript:" onclick="OneComment('.$item[0].');">Reply</a>'; }
?> </div> <?php
tree($Array, $lvl+1,$parentId, $item[0]);
}
}
}
?>
答案 0 :(得分：0)
一种解决方案是让JavaScript代码设置一个cookie，然后使用PHP代码来检查HTML是否已设置。
例如，在提交表单时（假设它调用showMe()函数并停止使用.submit()手动提交表单），请使用document.cookie设置Cookie：
$('#myForm').submit(function(submitEvent) {
//Store cookie, which can be accessed via PHP on next page-load
document.cookie = 'formSubmitted=1';
showMe();
return false;//don't submit form
});
然后重新加载index.php时，使用superglobal变量$_COOKIE检查该Cookie：
if (isset($_COOKIE['formSubmitted']) && $_COOKIE['formSubmitted']==1) {
//output the messsages (in the div with id="container"), using the code from output.php
//perhaps abstracting that code into a common function that can be used
//in both places
}
在this phpfiddle中查看此示例。请记住，phpFiddle只允许在一个小提琴中使用一个php脚本，因此output.php中的代码必须移动到该PHP脚本的顶部，并且只有在有POST数据时运行（例如来自AJAX请求）。否则，文件中的代码可以保持独立。