[英]Onclick event of a certain page, perform POST action of other page
讓我用一個場景解釋我的問題:
我有網頁“ A.jsp”和“ B.jsp”。 “ B.jsp”是具有表單的頁面,該表單需要輸入字段“用戶名”,並且在提交時顯示帶有特定於用戶的信息的特定頁面“ C.jsp”。 “ A.jsp”的表中的元素與“ B.jsp”上的“用戶名”相對應。 在“ A.jsp”上某個“用戶名”的onclick上,我想使用單擊的用戶名特定信息重定向到“ C.jsp”。
我該如何完成?
我正在使用MVC框架。 只有A.jsp和B.jsp綁定到控制器,C.jsp只是一個視圖。 但是,我認為這不是問題,因為這似乎是一個JavaScript問題。
使用原型javascript框架,我嘗試了以下操作:
redirectToC = function(pageurl){
var username = document.getElementById(“ user1”)。value;
url = pageurl; //我使用B.jsp作為Pageurl
$ j.ajax({type:'POST',
url:url,數據:“ username =” + username,
成功:功能(要求){
window.location = request;
}
});
}
C.jsp是否僅支持POST-還是也支持GET請求?
onClick
中,將瀏覽器的位置(我認為document.location
)設置為C.jsp的URL,並將用戶名用作GET參數。 由於您是動態生成A.jsp頁面,因此可以在生成時將此URL嵌入到頁面中 'form'.submit()
<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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.