刷新div就好像是页面刷新一样

时间:2013-10-10 15:40:28

标签: php jquery html

是否可以重新加载div,就好像它是页面刷新一样?

我有一个jQuery提交我的并且只返回原始数据数组。没有html只返回数据数组。 如何刷新div的html和php内容,以便填充新数据?

以下是我迄今为止提交表单并返回数据的内容。

$(document).ready(function() {
    $("input:checkbox").change( function() {

var url = "index.php?action=resortFilter";

$.ajax({
       type: "POST",
       url: url,
       data: $("#locationFilter").serialize(), 
       success: function(data)
       {
           $(".resorts").html(data);
       }
     });
   })
});

它返回所有正确的数据,除了当前它只是覆盖包含我所有html和php的div以显示数据。因为返回仅是数据,所以它有效地清空了div

html和php页面结构如此

<div class="resorts">
    <?php foreach ( $results['data'] as $data ) { ?>
        <table></table> and so on..................
</div>

现在我无法改变实际处理表单的文件并放入html和php来返回它。所以我需要找到一种方法来使用页面本身已有的代码

1 个答案:

答案 0 :(得分:4)

两个选项要么使用ajax来调用获取数据数组的php并将其作为html返回。或者你必须使用javascript来浏览数据并将其转换为可用的html。你不能让PHP代码在客户端的计算机上再次运行,它是一种服务器端语言。

如果您无法修改表单提交的代码,您可以创建一个新的php文件吗?您可以将ajax提交发送给它,然后使用Curl将数据提交给实际表单提交代码获取响应并将其转换为html然后返回。