前端多语言实现

项目需要支持多语言,部分字符串是在前端resources文件夹中,而另一部分则需要server端提供。所以分两部分解决:

1.前端

根据浏览器当前语言来动态加载相应的文件。

	<script type="text/javascript">
		var type = navigator.appName;
		if (type == "Netscape"){
			var lang = navigator.language;
		}else{
			var lang = navigator.userLanguage;
		};
		var lang = lang.substr(0, 2);
		if (lang == "zh"){
			document.write('<script type="text/javascript" src="./js/resources/string-zh.js"><\/script>');
		}else if (lang == "en"){
			document.write('<script type="text/javascript" src="./js/resources/string.js"><\/script>');
		}else if(lang == "fr"){
			document.write('<script type="text/javascript" src="./js/resources/string-fr.js"><\/script>');
		}else{
			alert("other");
		};
	</script>

2.后端

server端则需要根据浏览器发送包中的accept-language来判断当前浏览器语言类型,然后返回相应的json.

e61e9f075881d1690926f6c240e02cc9574.jpg

转载于:https://my.oschina.net/u/1753388/blog/2987494

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值