① jsp與js之間變數賦值
在寫jsp中有時會需要把js的變數賦給java變數,或者將java的變數賦給js變數的情況,如果js處理的不好只能獲取到undefined,java處理不好就只能獲取到null。因此這次做個小筆記,記錄一下~
java變數傳給js:
var writer="<%=user.getUsername() %>" //這里的user是自己實例化的對象, 注意要將引號」"加上 ;否則alert(typeof (writer) );的值是undefined
java接收js傳來的值:
js的值如果是undefined,那傳到後台的值也就是null了。
② 怎麼在 js 代碼中使用 jsp 標簽或 Java 代碼
JSP 標簽還是很方便的,比如 Struts、Spring 等提供給我們的 JSP 標簽,可以用它們來獲取變數或進行一些計算。比如
struts2 的 <s:url value="/admin/unmi.action"/>
會為我們自動在前面附加上應用上下文,如實際會生成
/testsite/admin/unmi.action。還有更多更方便的標簽使用,比如用標簽獲取到 session 或請求中的數據作為 js
的變數等。
引申此話題的,其實不光是在 JS 中使用 JSP 標簽,可用 JSP 標簽的地方當然可以直接寫 Java 代碼,即 ScriptLet 代碼。
如果是在 JSP 中內嵌的 JS 代碼,那當然好辦,JSP 文件中能用什麼標簽,js 代碼中也能隨便用,因為 JSP 標簽會先在服務端解釋生成相應的 JS 代碼,丟給客戶端執行。
那如果是在單獨的 JS 文件中想要使用 JSP 標簽,該如何辦呢?還直接像 JSP 那樣使用標簽的話,對不起 JS
文件中給你原樣顯示出來,因為 JS 文件不被伺服器端解釋。其實到現在問題也基本有了答案,要解決的問題就是要讓服務端去解釋你的標簽,有兩種方案。
一. js 文件命名為 JSP 文件,寫 js 內容,其中用標簽,然後用 <script src="/scripts/tags.js.jsp"></script> 把該 JSP 文件當作 JS 文件那樣引入。
因為 JSP 文件會被服務端解釋,所以把該 JSP 文件當作 JS 文件來寫,JS 文件里應該是什麼,你的 JSP
文件也應該輸出什麼,只是裡面可以放標簽,要知道它將會輸出什麼。用 <script> 來引入的話,頁面順理的把它認為是一段外部 JS
代碼。
例如文件 /scripts/tags.js.jsp 中的內容是:
<%@ taglib prefix="s" uri="/struts-tags" %>
var currentUser = '<s:property value="#session.userName" />';
alert("currentUser: " + currentUser);
那麼在某個網頁中用 <script src="/scripts/tags.js.jsp"></script> 引入該文件時,上面的 JS 代碼將會彈出當前 session 中的用戶名來。
上面代碼執行都沒問題的,但是你直接瀏覽 http://unmi/testsite/scripts/tags.js.jsp 你看到的是擠在一團的代碼,不像查看普通 JS 文件那樣有清晰的換行和退格,原因是瀏覽器默認只認擴展名,它的 mime 類型,也就是 Content-Type text/html。要讓它更像是個 JS 文件那得給它加上響應類型的設置,在 tags.js.jsp 文件第一行加上:
<%response.setContentType("text/javascript;charset=utf-8");%>
這時候對於瀏覽器來說,無論從哪個方向來看它都是個切切實實的 JS 文件,只擴展名不同罷了。
上面的方法實際表現是沒什麼問題的,不過還有兩點不那麼完美,第一,文件名看起來像 JSP 文件,有些令人誤解;第二,在 IDE 中打開該 JSP 文件,沒法應用 JS 的語法加亮,給編輯帶來不少麻煩。下面的方法充分解決前面兩個問題。
二. 直接在 JS 文件中使用 JSP 標簽
講下原理,不是說應用伺服器端默認不解釋 JS 中的標簽嗎,那我們可以讓個別的 JS 文件同樣受到伺服器端的關注,不是把 js 原文直接拋給客戶端,而是先解釋其中的標簽,或是其中的 java 代碼。
Tomcat 這種應用伺服器我們通常也會稱它為 Servlet 容器,因為它執行的是 Servlet,JSP 自然也是 Servlet。在 %TOMCAT_HOME%/conf/web.xml 中我們可以看到實際處理 JSP 文件的 Servlet 是:
<servlet>
<servlet-name>jsp</servlet-name>
<servlet-class>org.apache.jasper.servlet.JspServlet</servlet-class>
<init-param>
<param-name>fork</param-name>
<param-value>false</param-value>
</init-param>
<init-param>
<param-name>xpoweredBy</param-name>
<param-value>false</param-value>
</init-param>
<load-on-startup>3</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>jsp</servlet-name>
<url-pattern>*.jsp</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>jsp</servlet-name>
<url-pattern>*.jspx</url-pattern>
</servlet-mapping>
org.apache.jasper.servlet.JspServlet,所以我們可以在自己應用的 web.xml
文件中配置某些特別的文件同樣由 JspServlet 來處理。比如要特別處理 /scripts/tags.js 文件,在應用的 web.xml
中只要加上:
<servlet-mapping>
<servlet-name>jsp</servlet-name>
<url-pattern>/scripts/tags.js</url-pattern>
</servlet-mapping>
注意,上面是 Tomcat 6.x 或更早版中應用的 web.xml 的寫法,後來 servlet-mapping 中
url-pattern 可同時寫多個,加上 Tomcat 7 自身的古怪,這一設置會覆蓋掉原 jsp 的設置,所以在 Tomcat 7
中應用必須配置成如下(也就是必須默認項也帶上,然而列出自己的希望被當作 jsp 的 js 文件,可多個,不把 *.jsp/*.jspx
帶上的話,你原有的 jsp 會當作文本文件直接展示出源碼來):
<servlet-mapping>
<servlet-name>jsp</servlet-name>
<url-pattern>*.jsp</url-pattern>
<url-pattern>*.jspx</url-pattern>
<url-pattern>/scripts/tags.js</url-pattern>
</servlet-mapping>
我們配置 /scripts/tags.js 要由 JspServlet 來處理,不會影響到現有的其他任何 JS 文件。
那現在的 /scripts/tags.js 可不是普通的 js 文件了,它可是具有放置 JSP 標簽和寫 Java
代碼的超能力了,因為其中的 JSP 標簽和 Java 代碼首先會經由服務端來解釋。它集 JS 和 JSP 於一身,另外也別忘了給該 JS
文件前面加上代碼:
<%response.setContentType("text/javascript;charset=utf-8");%>
不然單獨瀏覽它也就只是不那麼好看。
無疑,這是目前我能想的最完美的一種方式了,且兼容於其他的 Servlet 容器,也不用改動公共部分的東西。/scripts/tags.js 在 JS IDE 中打開也漂亮多了,因為它就是個 JS 文件,只是被賦予了 JSP 的功能。
③ js怎麼引用JSP里定義的JAVA變數
可以將JAVA變數在JSP頭部定義成全局變數。
然後可以分別在JS和JSP里調用。
因為可以將JS和JSP理解為兩個相互獨立的塊。這2個塊裡面的變數都是局部變數。而局部變數是不共享的。
首先很基礎的:JS可以直接引用JAVA變數,但JAVA不能引用JS變數。因為頁面是先編譯JAVA再編譯JS,代碼如下:
String tbname="bd_bank";
out.write("<SCRIPT language="+"'"+"JavaScript"+"'"+">var tbname="+"'"+tbname+"'"+";</SCRIPT>");
%>
//下面的javascipt可以直接調用變數tbname
<script language="javascript">
alert(tbname);
</script>
//在js文件中的javascipt一樣可以直接使用變數 tbname 啊。
<script language="JavaScript" src="../comm/dbgrid.js"></script>
反正兩個原則記好:
1、jsp代碼中可以構造javascipt語句,當然包括定義備用的javascipt的變數
2、理論上在整個頁面中,任何一個地方定義的javascript代碼都可以被正確使用。javascipt代碼對位置不敏感。
④ 如何在jsp中引用js變數
jsp中是不能引用js變數的,jsp是服務端的,在伺服器轉發的時候數據已經定死內在頁面裡面了
,而js是客戶端的,可以不斷通過客戶端代碼來修改js的值,因此js的值不能賦值給jsp的。如果硬要賦值的話可以虛擬一個表單提交,例如:
<form id="testForm" method="post" action="當前頁面.jsp">
<input type='hidden' id="test1" name="val1" value="js的值">
</form>
<script>document.getElementById('testForm').submit()</script>
<% String val=request.getParamter('val1') %>
這樣就可以了,容但是表單已經提交過一次了,一次轉發攜帶的數據將會丟失!
⑤ js如何獲取jsp頁面中嵌入的java代碼中的變數
比如說有一個name的變數
<%
String name = "bbb";
%>
在js中可以這樣去獲取
var name = "<%=name %>";
⑥ java 調用 js函數
function是屬於javascript裡面的抄語法,而<%%>裡面調用襲的是java的語法,所以想要用<%%>調用alert()是不行了,因為他們不是同一個東西。
不知道你的意思是不是頁面一載入就進行調用alert(),如果是這樣的話,建議使用onload事件,表示頁面載入的時候調用alert();
或者如果是點擊的時候調用,那麼久調用onclick()..總而言之可以使用事件完成。