Javascript 如何从另一页提交表单?

Javascript 如何从另一页提交表单?,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我有一个两页的网站。 每页包含一个顶部带有“选项卡”的标题,用于在第1页和第2页之间导航 选择选项卡后,我需要将所选页面重新发布到服务器,以便在显示之前快速刷新 我在每一页上都有一个表单,允许从该页手动刷新,但需要从另一页提交该表单 例如,将显示第2页。选择第1页的选项卡(位于第2页),然后提交第1页的刷新表单 感谢您的帮助 (使用jQuery、js、html和CSS)您实际上是如何从选项卡加载页面的?使用某种iframe?还是通过AJAX调用?使用框架可能比使用AJAX调用更复杂 如果表单具有

我有一个两页的网站。 每页包含一个顶部带有“选项卡”的标题,用于在第1页和第2页之间导航

选择选项卡后,我需要将所选页面重新发布到服务器,以便在显示之前快速刷新

我在每一页上都有一个表单,允许从该页手动刷新,但需要从另一页提交该表单

例如,将显示第2页。选择第1页的选项卡(位于第2页),然后提交第1页的刷新表单

感谢您的帮助


(使用jQuery、js、html和CSS)

您实际上是如何从选项卡加载页面的?使用某种iframe?还是通过AJAX调用?使用框架可能比使用AJAX调用更复杂

如果表单具有id或类,则只需使用jQuery的submit()函数:

$("#myform").submit();

理想情况下,刷新应该在加载页面时由服务器完成。如果这不是一个选项,我将在同步模式下使用jQuery的
$.ajax
方法,攻击选项卡的单击事件:

$('a.tab').click(function() {
    $.ajax({
        url: "/refresh",
        method: "post",
        async: false,
        data: { refresh: "very yes" }
    });
});
将async设置为false可确保在单击处理程序返回和新页面开始加载之前完成请求。您需要在
数据
对象中包含要提交的表单数据,在另一页上发布表单是不可行的


这实际上与Google Analytics用于跟踪出站链接点击的方法几乎相同。

@Husky:目前,该选项卡只是一个问题,不确定它是否能像我认为的那样工作。好吧,那么你想从一个页面提交另一个页面的表单吗?我认为这行不通,我也不太确定你想做什么。也许你应该试着设置一个简单的例子,这样我们就可以看到你想要做什么…只知道AJAX的概念。这篇jqueryajax文章可靠吗?服务器是否认为这与表单中的帖子完全相同?可靠吗?绝对地只要您将所有输入的名称和值与
数据
对象中的键和值相匹配,它在功能上就相当于提交一个表单。很好,它已经就位并且运行良好。非常感谢。一个附带的问题是,我需要在这个函数的开头将光标改为“wait”,然后在success函数中将光标改回。但是,光标仅在POST之后更改为“等待”。有什么想法吗?再次感谢ajax帖子。这段代码之所以有效,是因为它阻止了对
$.ajax
的调用。在请求完成之前,浏览器不会导航到新页面,但也不会执行任何其他操作,包括更改光标。对
$.ajax
async
未设置为false)的正常异步调用不会阻塞,因此,虽然您可以更改光标,但要使页面正常运行(即,在POST运行时,不允许用户再次单击其他链接或同一链接),将需要更多的工作(和代码)。