JSP的代码
<div class="language">
<a id="ch" <%if (Locale.US.equals(session.getAttribute("locale"))) {%>
href="#" <%} else {%> class="ok" <%}%>>中文</a>
<a id="en"<%if (Locale.US.equals(session.getAttribute("locale"))) {%>
class="ok" <%} else {%> href="#" <%}%>>English</a>
</div>
JS代码
/***先找到class=language下的a标签,然后绑定click事件,function是是处理click事件的逻辑***/
$(".language a").bind("click", function(e) {
var loc = "";
if ($(this).attr("id") == "ch") {/**获取id的值是en还是ch**/
loc = "zh_CN";
}
if ($(this).attr("id") == "en") {
loc = "en_US";
}
$.ajax({/**利用Ajax调用异步请求,**/
url : vdi_base + "/sys/changeLanguage.do",
data : {locale:loc},
cache:false,
ifModified :true,
success : function(rs) {
window.location.reload();
}
});
});
Controller的处理 ,参考版的java代码
@Controller
@RequestMapping("/sys/*")
public class LoginController {
@RequestMapping
@ResponseBody
public String changeLanguage(HttpServletRequest request, HttpServletResponse response) {
String lang = request.getParameter("locale");
if ( lang != null) {
HttpSession session = request.getSession();
if (null != session) {
if ("zh_CN".equals(lang)) {
session.removeAttribute("locale");
session.setAttribute("locale", Locale.SIMPLIFIED_CHINESE);
} else if ("en_US".equals(lang)) {
session.removeAttribute("locale");
request.getSession().setAttribute("locale", Locale.US);
}
}
return "success";
} else {
return "lang is null";
}
}
}
相关推荐
Web前端大作业-个人网页HTML+CSS+JavaScript(高分项目),本资源中的源码都是经过本地编译过可运行的,评审分达到98分,资源项目的难度比较适中,内容都是经过助教老师审定过的能够满足学习、毕业设计、期末大作业...
web期末大作业 基于HTML+CSS+JavaScript实现的仿京东商城首页登录页源码 web期末大作业 基于HTML+CSS+JavaScript实现的仿京东商城首页登录页源码 web期末大作业 基于HTML+CSS+JavaScript实现的仿京东商城首页登录页...
Web前端大作业-个人网页html+css+javascript(高分项目),本资源中的源码都是经过本地编译过可运行的,评审分达到98分,资源项目的难度比较适中,内容都是经过助教老师审定过的能够满足学习、毕业设计、期末大作业...
web基础课程大作业-基于Html+Css+JavaScript开发的系统CPU和内存监视器可视化源码+文档说明 - 不懂运行,下载完可以私聊问,可远程教学 该资源内项目源码是个人的毕设,代码都测试ok,都是运行成功后才上传资源,...
web期末大作业 基于HTML+CSS+JavaScript实现的农业类水果商城首页源码 web期末大作业 基于HTML+CSS+JavaScript实现的农业类水果商城首页源码 web期末大作业 基于HTML+CSS+JavaScript实现的农业类水果商城首页源码 ...
web期末大作业 基于HTML+CSS+JavaScript实现的精美电商购物网站首页源码 web期末大作业 基于HTML+CSS+JavaScript实现的精美电商购物网站首页源码 web期末大作业 基于HTML+CSS+JavaScript实现的精美电商购物网站首页...
PostCSS是一个转换CSS的工具,它允许开发者通过自定义的JavaScript插件来扩展CSS语法,实现传统CSS无法做到的功能,如自动前缀、变量、响应式设计等。这使得CSS代码更加模块化,易于维护,并且提高了开发效率。 ...
在Web前端开发中,HTML和CSS是构建网页的基础。本课程“Web-前端html+css从入门到精通 149. 3D相关语法及扩展学习”专注于讲解如何使用CSS来实现3D效果,从而为网页增添深度和立体感。通过这个主题,我们将深入探讨...
网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js
【标题】"Web前端大作业-个人网页(html+css+javascript)"揭示了这个项目的核心是构建一个基于HTML、CSS和JavaScript的个人网页。这三种技术是Web开发的基础,用于创建动态、交互式的网页内容。 HTML(HyperText ...
CSS中有多重方法可以实现分栏布局,以下是一些常用的技术: 1. **浮动(Float)**:早期的分栏布局常用`float:left`或`float:right`,将元素向左或向右浮动,使其并排显示。但是这种方法存在一些局限性,如父元素...
【标题】"打地鼠"是一款使用HTML、CSS和JavaScript技术开发的小游戏,它结合了网页前端的三大核心技术,为玩家提供了一种互动娱乐的体验。这款游戏的目标是模拟经典的打地鼠游戏,通过点击出现在随机位置的地鼠来...
web期末大作业 基于HTML+CSS+JavaScript实现的仿蘑菇街时尚购物商城首页源码 web期末大作业 基于HTML+CSS+JavaScript实现的仿蘑菇街时尚购物商城首页源码 web期末大作业 基于HTML+CSS+JavaScript实现的仿蘑菇街时尚...
个人开发的一等奖高分设计项目,内含详细文档说明,可作为高分课程设计和期末大作业的使用,含有代码注释小白也可看的懂,有能力的小伙伴也可以在此基础上进行二开,Web网页设计制作-毕业设计期末大作业-...
在本教程中,我们将深入探讨Web前端开发的基础知识,涵盖了HTML、CSS、JavaScript以及jQuery这四个核心技术。这些技术是构建交互式、响应式的现代网页所必不可少的。 **HTML(超文本标记语言)** HTML是网页内容的...
【标题】:“web前端html+css+js实现学生信息管理系统” 在web开发领域,构建一个学生信息管理系统是一项常见的任务,它能帮助教育工作者有效管理学生数据。本项目以HTML、CSS和JavaScript为核心技术,实现了一个...
《Web前端开发案例教程(HTML5+CSS3)(微课版)》是一份重要的教学资料,主要关注现代Web开发的基础技术,即HTML5和CSS3。这些技术是构建交互式、响应式和动态网页的核心工具。源代码的提供使得学习者能够深入理解...
《Web前端开发案例教程(HTML5+CSS3)(微课版)》是一份全面介绍Web前端开发技术的教育资料,特别关注HTML5和CSS3的应用。这份PPT课件旨在帮助初学者和有一定基础的学习者掌握现代网页设计与开发的核心技能。HTML5...
在Web前端开发中,HTML和CSS是构建网页的基石,而3D效果的实现则为网页增添了许多生动性和交互性。本课程“Web-前端html+css从入门到精通 147. 3D基本语法及成像原理”旨在帮助初学者掌握3D空间在Web设计中的应用。...
布局技巧:讨论常用的CSS布局方法,如Flexbox或Grid,以实现复杂的页面布局。 交互元素样式:如何设计交互元素的视觉效果,比如按钮悬停(hover)效果和激活(active)状态的样式变化。 项目文件组织:提供如何组织...