最近使用myEclispse做網站，使用jsp+js+css做頁面，網站中常用到從列表進入詳情頁面的跳轉，下面對詳情頁面的值填充方式做一個簡單總結：
1.url中使用
request獲取參數
jsp上方添加type參數
<%@page contentType= "text/html; charset=utf-8" autoFlush="true" %> <%@taglib prefix= "s" uri ="/struts-tags" %> <% String type = request.getParameter( "type"); %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>...</html>
html的dom元素中獲取該type值
< input id ="type" name ="type" type ="hidden" value ="<%= type%>">
2.url解析獲取參數
//根據url獲取參數的hash表 var getUrl = function() { var url = window.location.href; var paraString = url.substring(url.indexOf( "?") + 1, url.length).split("&" ); //參數組 var paraObj = {} for (i = 0; j = paraString[i]; i++) { paraObj[j.substring(0, j.indexOf( "=")).toLowerCase()] = j.substring(j.indexOf("=" ) + 1, j.length); } return paraObj; }; //獲取url中某參數的值 var getParam = function(params,param){ var returnValue = params[param.toLowerCase()]; if (typeof (returnValue) == "undefined") { return "" ; //不存在，返回"" } else { return returnValue; //存在，返回 } }
使用示例eg:
url =.....jsp?type="add"&id=1; var params = getUrl(url); var type = getParam(params,"type"); var id = getParam(params,"id");
3.后台對url解析，用el表達式給前端賦值
url = ...jsp?type=update
后台區分type為update后，將值用el表達式給前端頁面
eg:
<input id = "mode" type= "text" value =' ${adInfo.title} ' />
4.使用session取值
后台將數據放大session中，前端使用<s:property />方式獲取
< input id = "imageUrl" type = "hidden" value = "< s:property value = '#session.server_image_url' /> ">
店名：
小魚尼莫手工飾品店
經營:
發飾、頭花、發夾、耳環等（手工制作）
網店：
http://shop117066935.taobao.com/