jquery刷新php生成的div内容答案

【问题标题】：jquery to refresh div content generated by phpjquery刷新php生成的div内容
【发布时间】：2011-07-23 14:26:32
【问题描述】：

如何使用jquery刷新同一php页面生成的div内容

我有一个 test.php，其中包含一个名为 refreshdiv 的 div、一个名为 refreshbutton 的按钮以及显示其他内容的其他 div

refreshdivdiv的内容是php生成的

是否可以在同一页面上单击refreshbutton 时重新加载refreshdiv 的内容，即test.php

这是我的工作

<div id="refreshdiv">
<table>
 <?php 
   $rec=mysql_query("select * from user_master");
   for($i=0;$i<mysql_fetch_array($rec);$i++) 
   {
 ?>
 <tr>
   <td>
     <?php echo mysql_result($rec,$i,'username');?> 
   </td>
 </tr>
<?php } ?>
</table>
</div>

尝试使用 $.get，但没有得到任何结果

【问题讨论】：

你的 jquery 代码是什么样的？
您是否看到任何通过 fiddler、firebug 等从服务器返回的内容？
不知道这里需要使用哪个jquery函数。因为这涉及同一页面的部分。
基本上是 php 和 jquery 的新手...
明白。但是您调用$.get() 的地方的javascript/jquery 代码是什么样的？这大概就是问题的根源。您没有理由不能调用$.get() 来刷新同一页面的部分内容——这对于jquery 之类的框架非常有用。谢谢！

标签： php jquery mysql

【解决方案1】：

看看我整理的这个jsFiddle - 它可能会有所帮助。

我正在做一个 AJAX 调用（在这种情况下是一个 POST，因为它只是 HTML，这就是 jsFiddle 支持的 HTML 请求 - 但对于你来说，$.get 没有什么不同）获取数据并将其附加到表格数据单元格 (<td>)。整个页面不会更新 - 只是我要定位的部分 - 在这种情况下，<td> 单元格会一直附加“你好”。

我希望这会有所帮助。如果您有其他问题，请告诉我。

【讨论】：

非常感谢您的帖子。以为会有div.refresh之类的东西，这样div里的全部内容都会加载出来。
很高兴我能帮上忙。祝你好运！

【解决方案2】：

使用 ajax

在test.php中使用

if($_GET['ajax'] == 1) {
  //echo new content;
}

jQuery 代码将是

function refreshClick() {
  $("#refreshdiv").load("./test.php?ajax=1");
  //OR
  //to customize your call more, you could do
  $.ajax({
   method: "GET",
   url: "./test.php?ajax=1",
   success: function(data) { $("#refreshdiv").html(data); },
   error: function(err){ Some_Error_Div.innerHTML = err; }
  });
}

【讨论】：

这会影响页面中的其他内容吗？我还有其他 div 保存来自 db 的数据。
这不会影响该页面中的任何其他内容....如果您有更多依赖项，那么您必须单独更改...为每个 div。

【解决方案3】：

我认为您需要设置一个 php 页面，该页面将返回 div 的内容，然后通过 ajax 访问该页面并将该页面生成的内容插入到您的 div 中。所以 jQuery 看起来像这样 -

$.ajax({
  url: "div.php",
  success: function(data){
    $('#refreshdiv').html(data);
  }
});

【讨论】：