某个页面的onclick事件，执行其他页面的POST动作

Question

让我用一个场景来解释我的问题：
我有网页“A.jsp”和“B.jsp”。 “B.jsp”是一个带有表单的页面，需要输入字段“用户名”，并且在提交时显示带有用户特定信息的特定页面“C.jsp”。 “A.jsp”有一个表，其中的元素对应于“B.jsp”上的“用户名”。单击“A.jsp”上的某个“用户名”，我想重定向到“C.jsp”，并包含单击的用户名特定信息。

我该如何完成它？

我正在使用MVC框架。只有 A.jsp 和 B.jsp 与控制器绑定，C.jsp 只是一个视图。但是，我相信这不是什么问题，因为这似乎更像是一个 javascript 问题。

使用原型javascript框架，我尝试了以下操作：
redirectToC=函数(pageurl){
var username=document.getElementById("user1").value;
url=页面网址； //我使用B.jsp作为Pageurl
$j.ajax({ 类型：'POST'，
网址： 网址， 数据：“用户名=”+用户名，
成功：函数（请求）{
window.location=请求；
}
});
}

Answer 1

C.jsp 仅支持 POST 还是也支持 GET 请求？

1. 如果是这样，请在“用户名”链接的 onClick 中，将浏览器的位置（我认为是 document.location）设置为 C.jsp 的 URL，并使用用户名作为 GET 参数。由于您正在动态生成 A.jsp 页面，因此可以在生成时将该 URL 嵌入到页面中。
2. 如果没有，我能想到的一个糟糕的 hack 是使用用户名实现 table 元素，作为隐藏的表单元素单击时通过 javascript 提交 - 'form'.submit()

Answer 2

<form id="showUserForm" action="/controller/showUser" method="POST">
    <input type="hidden" id="username" name="username">
</form>

……………………

<a onclick="showUser('${users.userName}')" href="#"></a>

​

<script type="text/javascript">
    function showUser(userName){
        document.getElementById("username").value = userName;
        document.getElementById("showUserForm").submit();
    }
</script>