如何重新加载div

时间:2014-08-28 09:42:43

标签: php jquery ajax

我在重新加载div内容方面遇到了一些问题。 我有一个分为4个步骤的表格。 在第二步,人们可以添加项目(礼品卡或支票) 当有人添加新项目时,此项目将添加到存储在会话中的数组中。 添加项目后,我想向客户展示项目,所以我想用显示数据的PHP函数刷新/重新加载div。

<div class="kosten" id="kosten">
                <?php
                    if($session->exists('stap2')) {
                        echo $lijst->output();
                    }
                ?>
</div>

函数exists用于检查是否已设置会话。 函数output是用会话数据输出html的函数。

所以到目前为止我尝试了什么: 首先,我尝试做类似的事情:

$('#kosten').load('index.php');

然而这导致向我展示了index.php,但我回到了第1步。我还尝试添加一些JavaScript / jQuery以再次显示第2步,但这也没有帮助

我尝试了第二件事:

setInterval(function() {
                    $('#kosten').text();
                }, 3000);

这导致我显示半页空白。它不会重新加载页面的下半部分。如果有间隔,您还会看到正在重新加载div。

我尝试过的第三件事就是给PHP做另一篇文章。这将比echo $lijst->output()作为回报。但这给了我一个数组而不是html

所以我想要做的是重新加载div,而不是按下&#34;添加项目&#34;点击。还有其他方法吗?

提前致谢

3 个答案:

答案 0 :(得分:1)

jQuery可以选择添加选择器来执行您所查找的内容:

$('#kosten').load('index.php #kosten');

答案 1 :(得分:0)

我不知道index.php包含哪些内容,但您可以尝试添加index.php页面网址而不是&#39; index.php&#39;仅

$('#kosten').load('url of index.php');

答案 2 :(得分:0)

我通过添加另一个$ .post解决了我的问题。在那里,我回应了所需的功能

echo $lijst->output();

之后,我可以将其用作函数的answer,然后我可以将其用于

$('.kosten').html(answer);

这样做解决了我的问题。