如何使用.load()刷新同一页面中的div？

Question

我试图使一个在线的用户内容，刷新它自己，并调用每次php函数。

我用过

<div class="onlineFriends">
 <?php 
$members = find_online_friends($_SESSION['id']);

 foreach($members as $member):?>
<div class="user" href=<?php echo ($member['f_id']);   ?> rel="popup_name" > 

<img src=<?php 
 $avatars = find_avatar($member['f_id']);
 foreach($avatars as $avatar)

 echo ($avatar['src']) ?> 
 />
</div>
<?php endforeach; ?>
</div>



 <script>
$(function(){
  var refreshId = setInterval(function() {
$('.onlineFriends ').load("# .onlineFriends ").fadeOut("slow", function () {
$(this).fadeIn("slow");

});
}, 50000);

});

</script>

这样做效果很好。但是我认为.load()函数首先加载整个页面，然后调用.onlineFriends。我可以在控制台上通过firebug看到它。它返回所有页面源代码作为GET answer。我的问题是它会让速度变慢吗？因为我将对其他div内容使用此方法5次，每次每个函数都会加载整个页面。

此外，我试图创建单独的.php文件，但我在php代码中有一些依赖项，并且我不能在另一个文件中运行此函数。

Answer 1

对你的页面的任何请求都将导致它的完整代码。您可以在php中指定当存在特定的GET或POST数据时只返回所需的页面部分，并使用$.get()或$.post()来获取它们。

，因为我将使用此方法5次。

同一战线？那么在回调函数时最好替换掉$.get()和$.post() data中的一个。

Answer 2

使用cod java/ajax创建其他页面friends.php并在页面索引中使用jquery-min

<script src="js/jquery-1.10.1.min.js"></script>

$(document).ready(function() {

$("#center").load("friends.php?var=<?php echo $member['f_id']; ?>");
var refreshId = setInterval(function() {

$("#center").load('friends.php?var=<?php echo $member['f_id']; ?>');}, 9000);
$.ajaxSetup({ cache: false });

您的div html使用

<div class="center"></div>

您的friends.php使用

<?php include"your bd here" $jab = $_GET['var'];  
'select bd'
echo $resultyourneed['f_id'] ?>