jquery - jQuery页面刷新

Question

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

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

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

我可以用 JQuery 做到这一点吗？你能建议一个片段让我开始吗？

谢谢！

score 0 · Accepted Answer

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

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

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

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

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

score 0 · Accepted Answer

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

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

主（聊天）页面：

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

score 0 · Accepted Answer

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

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

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

3 回答 3