JQuery页面刷新

Question

我正在用 PHP 开发一个简单的聊天界面。这是我的第一次尝试。我在输入聊天文本的底部和显示聊天文本的顶部使用 iframe。

在顶部 iframe 中设置元刷新 5 秒。因此，页面每 5 秒刷新一次并显示新文本。

我想摆脱元刷新，而是在提交底部 iframe 中的表单时刷新顶部 iframe。因此，顶部 iframe 仅在文本实际提交时刷新。

我可以用 JQuery 做到这一点吗？您能建议一个片段来帮助我开始吗？

谢谢你！

Answer 1

文本输入表单的提交按钮：

$("#submit").click(function(){
    window.parent.reloadMsgs();
});

主（聊天）页面：

var reloadMsgs = function(){
    chatFrame = $("#chat_iframe")[0];
    chatFrame.src = chatFrame.src;
};

Answer 2

我相信您只需在底部框架上设置一个名称：

<iframe name='myFrame'></iframe>

然后在顶部框架中，您的表单将瞄准它：

<form method='post' id='myForm' target='myFrame'>
 ...
</form>

然后，这应该将表单的内容发送到底部框架，然后底部框架将重新加载...

Answer 3

是的，只需设置刷新的 iframe 的 location.href 属性即可。
也许像
document.getElementBy("idOfIframe").location.href="相同，或者最后可能有随机时间"

可能该属性是 iframe.contentWindow.bla bla bla

无论如何希望这会有所帮助。
顺便说一句，这与 jQuery 无关