jQuery页面刷新

Question

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

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

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

我可以使用JQuery做到这一点吗？ 您可以提出一个摘要来帮助我入门吗？

谢谢！

Answer 1

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

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

然后在您的顶层框架中，您的表单将其定位为：

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

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

Answer 2

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

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

主页（聊天）页面：

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

Answer 3

是的，只需设置刷新的iframe的location.href属性即可。 也许像document.getElementBy("idOfIframe").location.href="same on, or maybe with random timestemp at the end"

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

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