使用js操作cookie的一点小收获分享
2024-05-06 14:36:11
供稿：网友
为了说清楚这个问题，必须从头说起。
首先从后台配置一个参数，放到一个字段里，该字段叫做keywords，这个参数的值叫做efmis://|efmfj|username|2200|0||2014|http://10.20.1.54:7001/cssServerportal222012/|||||02，姑且不去管这个值有什么含义，相信很多人都遇到过比这个更复杂的字符串。后台配置以后，前台可以这么来显示：${tag_bean.keywords}，可以肯定，无论后台配置成什么，前台一定会原定不变的显示出来，第一个问题出现：在username这个位置上，嵌入的是当前登录用户的用户名，必须是动态代码。难道要写成efmis://|efmfj|${username}|2200|0||2014|http://10.20.1.54:7001/cssServerportal222012？这样写跟期望可有所不同，它会原样不变的显示出来，并不会把EL表达式翻译成动态代码，暂时不考虑能不能使用EL表达式的嵌套，很显然不能直接使用，一定要要处理这么一个字符串。
这个字符串是要作为一个js方法的参数的，例如：
代码如下:
<li [#if c.keywords?exists] keywords="${c.keywords}"
[/#if] path="${c.path}" onclick="clickClient(this.path,this.keywords);">
<a href="javascript:void(0)" style="cursor: pointer;"><span>${c.name}</span>
</a>
</li>
clickClient这个方法不是真正要调用的方法，只是一个过渡方法而已。
代码如下:
clickClient = function(path,keywords){
//解析分解keywords开始
keywords = keywords.replace("username","${user.username}");
var suffIndex=keywords.indexOf("http");
var prefix = keywords.substr(0,suffIndex-1);
var suffix = keywords.substr(suffIndex-1);
var preIndex=prefix.lastIndexOf("|")+1;
var year = prefix.substr(preIndex);
prefix = prefix.substr(0,preIndex);
//解析分解keywords结束
//合并url
keywords = prefix+$("#year").val()+suffix;
clientInvoke(path,keywords);
}
在这个方法，最终实现的目的是调用clientInvoke方法，而传进去的参数keywords是变化，要经过一定的处理，首先把${user.username}把user替换掉，在js代码中，即使含有EL表达式也会动态的解析出来，这点就实现了动态的调用当前用户名的目标。当2014这个年度也要设置为动态的，并且是可以切换的，那就要把该字符串分解成三个部分：
前缀：efmis://|efmfj|username|2200|0||
年度：2014
后缀：|http://10.20.1.54:7001/cssServerportal222012/|||||02
把年度放在一个select下拉菜单中，当触动clickClient方法时，即时的从当前option中取出年度，然后和前缀后缀拼接起来，这样就是实现了年度可变化的灵活性。
代码如下:
年度切换
<select id="year" onclick="switchYear(this.value);">
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014" selected="selected">2014</option>
