iT邦幫忙

0

Javascript 有辦法把值傳給JSP嗎?

想請教各位大大,如果javascript的參數想要輸出之後,傳給JSP請問有辦法做嗎?,

https://ithelp.ithome.com.tw/upload/images/20180515/201095334leMHBCXXd.jpg
https://ithelp.ithome.com.tw/upload/images/20180515/20109533AAlgf2Hyrp.jpghttps://ithelp.ithome.com.tw/upload/images/20180515/20109533bchfFvV4T2.jpg
先取得按鈕數字i的值,然後傳進參數Tbpage,然後我想把Tbpage的I值取出來,給PageA做運算,想請問有辦法做嗎?謝謝~

看更多先前的討論...收起先前的討論...
froce iT邦高手 1 級 ‧ 2018-05-15 19:07:32 檢舉
當然可以啊,就看要不要用ajax去送POST或GET出來,然後在JSP接回去處理啊。
請問一下,我寫在同一頁,還需要做AJAX嗎?
froce iT邦高手 1 級 ‧ 2018-05-15 19:16:43 檢舉
要看你需求。
ajax是你要送出POST/GET後,不想刷新整個頁面。
不知道你要幹嘛用,但是前端和後端的溝通,就是前端送出request,後端傳回response,這樣而已。
有需要整個頁面刷新,就用普通的submit,不要整個頁面刷新,就用ajax。結束。
浩瀚星空 iT邦研究生 5 級 ‧ 2018-05-16 16:40:35 檢舉
同一頁跟要不要ajax是無相關的問題的。
一般來說,我常常會教人認清一下,何謂前端,何謂後端。

前端與後端的交流,不是ajax的方式,就是form的方式。
前者是背景作業處理。後者是直接請求處理。

就看你要怎麼處理

1 個回答

0
darwin0616
iT邦新手 3 級 ‧ 2018-05-16 10:02:10

看你的問題應該是要依照按鈕按壓次數跳到對應的頁面,是嗎 ???
貼個 submit 的方試給你參考(不過是用jQuery):
ItAns0516.jsp:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Welcome to Darwin's Lab</title>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript">	
	var txtId = 1;
	
	$(function() {
	  $("#countBtn").click(function() {
	      txtId++;
	      $("#countBtn").val(txtId);
	      $("#countId").val(txtId);
	   });
	})
</script>	
</head>
<body>
	<form id="form1" action="post.jsp" name="form1" method="post">
		<center>
			<input type="button" name="countBtn" value="1" id="countBtn">
			<input type="submit" value="submit">
			<!-- 把計數的資訊丟給hidden欄位儲存再Submit -->
			<input type="hidden" name="countId" value="1" id="countId"> 
		</center>	
	</form>	
</body>
</html>

提交後的處理頁面post.jsp:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Welcome to Darwin's Lab</title>
</head>
<body>
	Count:<%=request.getParameter("countId")%>
</body>
</html>

post.jsp可依你的需求用 switch 或 if-else 判斷後,再用

<jsp:forward page="前往頁面"/>

W3School jQuery Tutorial
最後,學一下jQuery吧,程式碼會乾淨許多!

我要發表回答

立即登入回答