如何从其他页面提交表单?

时间:2010-04-20 21:49:43

标签: javascript jquery html forms

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

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

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

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

感谢任何帮助。

(使用jQuery,js,html和CSS)

2 个答案:

答案 0 :(得分:2)

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

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

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

这实际上与Google Analytics用于跟踪出站链接点击次数的方法完全相同。

答案 1 :(得分:1)

您是如何实际从标签中加载页面的?使用某种iframe?或者通过AJAX调用?使用框架可能比使用AJAX调用更棘手。

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

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