javascript - 如何从另一个页面提交表单？

Question

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

当一个选项卡被选中时，我需要将选中的页面重新 POST 到服务器，以便在显示之前快速刷新。

我在每个页面上都有一个表单，允许从该页面手动刷新，但需要从其他页面提交该表单。

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

感谢任何帮助。

(使用 jQuery、js、html 和 CSS)

Answer 1

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

$('a.tab').click(function() {
    $.ajax({
        url: "/refresh",
        method: "post",
        async: false,
        data: { refresh: "very yes" }
    });
});

将 async 设置为 false 可确保请求在点击处理程序返回并开始加载新页面之前完成。您需要将要提交的表单数据包含在 data 对象中，发布位于另一个页面的表单是不可行的。

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