Question

如何使用jquery

刷新由同一个php页面生成的div内容

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

refreshdiv div的内容由php生成

是否可以在同一页面上点击refreshdiv重新加载refreshbutton的内容，即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，但没有得到任何结果

Answer 1

使用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; }
  });
}

Answer 2

看看我放在一起的这个jsFiddle - 它可能有所帮助。

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

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

Answer 3

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

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

jquery刷新php生成的div内容

3 个答案: