前端多语言如何实现切换,思路是什么?

js思路是什么?json如何写比较简单?有两个json文件路径,如何用ajax实现数据交互?

0

2个回答

struts2 的 国际化 I18N
看看吧
http://blog.csdn.net/hackage4619/article/details/59480079

0

需要切换语言的容器增加不同id,然后数据为键值对json对象,获取到json数据后直接

for(attr in jsondata)$('#'+attr).html(jsondata[attr])

进行更新

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
网站开发多语言切换思路
写入数据库时每个语言都对应插入一条记录,用一个字段区分语种,读取的时候根据此字段值选择不同的语言。
关于在静态html中实现语言切换的思路与实现
缘由 有一个同事好像是在做vc桌面应用程序,内嵌的浏览器内核来实现界面。在项目中有一个实现多语言的需求,他不太懂前端的知识,自己通过学习实现了通过用js来切换语言,语言是在json中定义的。默认的语言是中文,是直接写在html中的,当切换语言的时候是通过包裹在jquery的document ready里来加载其它语言。这样出现了一个问题,如果页面内容元素多的话可能闪一下,即:先显示一下中文随即就
html实现多语言
html实现多语言的小例子 亲测 可用
多语言切换的思路
1. 实现的效果 和微信类似,在设置界面打开切换语言的界面,选择语言后重启 HomeActivity,语言切换完成,下次重新打开 App ,也是用户设置的语言。 2. 实现步骤 1. 添加多语言文件 在不同的 value 文件夹下(例如 value 、value-en、values-zh-rTW 文件夹)添加不同语言的 string.xml 文件,我们的项目添加了英文、简体中文
前端Vue中多语言切换功能的实现
在基于vue-cli项目开发过程中,多语言切换功能可使用vue-i18插件,具体实现方法如下:step1: 在项目中安装vue-i18插件cnpm install vue-i18n --save-devstep2:在项目的入口文件main.js中引入vue-i18n插件import Vue from 'vue' import router from './router' import VueI18...
多语言切换demo
完美实现App内部多语言切换,解决和系统语言设置冲突问题。
前端多语言的切换
前端开发中多语言的切换,可使用js动态替换内容 1、在用户点击切换语言后,把选择的语言版本保存在cookie中 //写入cookie函数 function setCookie(name,value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000)
前端多语言切换
前端开发中的多语言切换,可使用js动态替换内容
HTML中多语言{:__'xxx'}的思考
HTML中多语言{:__'xxx'}的思考 #虽然这是简单的问题,但是解决了自己多天的困惑!神奇的多语言,主要用于FastAdmin后台管理项目的编写 学习框架很大的问题是需要全面了解框架的运行流程,需要了解框架内的所有文件的作用以及语法特性,最重要的是要阅读该框架的文档,要仔细阅读。我这次没有搞懂,第一个方面是因为对框架的不熟悉,不觉得文档中某个属性介绍是重要的,错过了多语言这个框架独特的功能...
前端多语言的实现
前言 多语言的重要性相信不需要多言,但是,对于使用ExtJS之类的前端框架做开发,很多时候要使用一些多语言消息,难道都写在动态页面里?这样,就会对动态页面有依赖。如果说页面是访问量非常大的,比如:首页,那么静态化是非常有必要的。那问题就来了,怎么做多语言的静态化?事实上,使用一些模板语言,是能做到多语言的静态化,即根据不同语言,生成不同的静态页面。但是,这样一来,静态页面就非常多了,而且很多地方
关于网站做多语言切换功能的最简单实现思路
PHP服务端: 在$_SERVER['HTTP_ACCEPT_LANGUAGE'] 中 [HTTP_ACCEPT_LANGUAGE] => zh-CN,en-US;q=0.8,zh;q=0.6,en;q=0.4 其中q是语言优先的权重,q值越大,权重越高,排在第一个的是当前所需要加载的语言。 浏览器客户端: 在header请求头中:Accept-Language   中 zh-CN,
javaScript实现多语言切换
改jsp页面的时候,发现有些js代码中的提示是不能直接套用struts的bean标签的,网上看了下javascript的切换方法,一般是在代码里做一个字符数组,根据浏览器的语言选择加载数组的哪一个值,这样做通用性不高。 想到一个方法: 在页面上写一个隐藏的div,然后div中放上bean标签,然后利用js代码读取div标签的内容即可。 function ontest(){
前端多语言切换 微软API
实现中英文切换,为此,我在网上找了一些中英文切换的解决方案,大概为如下两种: 1、使用谷歌整站翻译Api 优点:只须调用接口,即可轻松完成整站翻译,翻译准确度还行。 缺点:需要梯子。 参考文章:js代码实现网站中英文相互翻译 2、自己编写中英文对照表,用js控制 优点:一对一翻译,所以准确度最高。 缺点:需要编写大量中英文对照表,只适合于少量的固定翻译。 参考文章:html页面如何实现中英文切...
程序实现多国语言包的动态切换
程序实现多国语言的动态切换解决方案 实现思想:传统的做法是把所有的资源都放到动态库中,一种语言一个动态库,程序运行的时候通过加载不同的动态库来实现多语言功能。这样做的缺点是不能动态切换语言,如果更换语言后必须重新启动软件。当然,没有人会需要经常的切换语言玩儿,但是采用动态库的方法,如果程序需要修改资源的话,就要更新所有的动态库,这是一个非常枯燥而且容易出现疏漏的工作。 我的方法是把所有用到的字符串都放到文件中,一种语言一个文件,根据选择的语言到对应的文件中去加载字符串。这样不但可以动态切换语言,而且用户可以根据需要自己添加新的语言。
web系统多语言切换(中文,英文,日文)
1,下载语言切换所需要的js  jquery.localize.js      http://webscripts.softpedia.com/script/Modules/jQuery-Plugins/jQuery-localizationTool-js-83407.html 2,在web.xml中添加代码,拦截json格式数据,配置文件是json文件 default
js 读取json语言包,实现页面的双语切换
mui.ready(function(){ var lang = localStorage.getItem("lang"); var url = "../language/zh-"+lang+".json"; mui.getJSON(url,function(data){  var ids = []; $("tag").each(function(){ ids.push($(this).a...
JS实现网站多语言选择功能
需要导入的文件有: 1. jquery-1.3.2.min.js (1.2版本以上的jquery库文件均可) 2. jquery.bgiframe.min.js 3. jquery.cookie.js 一切以程序说话: [code="javascript"] $(document).ready(function(){ // get current cookie ...
vue项目中实现多语言(i18n)
1、安装 npm install i18n 2、在main.js中引入 import VueI18n from 'vue-i18n' Vue.use(VueI18n) // 多语言实例 const i18n = new VueI18n({ locale: (function () { if (localStorage.getItem('lang')) { ret...
ThinkPHP5之多语言切换
T和inkPHP5的多语言切换是个人比较欣赏的一点,真是佩服设计者(怎么想到多语言切换的?)。 在实际开发过程中,往往不是单一语言的项目,涉及多语言的使用,这时需要多语言切换。 关键函数:Lang::setAllowLangList(); 多语言的切换函数的参数格式:[‘zh-cn’,’en-us’];
HTML页面多语言切换
部门有个Web UI产品,里面有项功能是语言切换。之前同事的做法是把每个页面都做另做一份,语言切换时改变URL即可。简单的页面还好,如果遇到更多语言和复杂页面难免会增加维护难度。后来另一个同事用jQuery+AJAX+json+cookie的方式加以改进,我学习了一下代码,做了个自己的版本。 首先,页面不需要复制多个语言版本了,我们为每个需要翻译的文本标签加上一个自定义的lang属性,如lo
React项目中多语言的设置
项目中多语言的设置实属常见,这里有一份初学者的思路及代码分享 多语言设置 思路引导: 1.首先会有一个语言包,当然这是最繁琐的地方,如果客户方没有提供,则需要个人逐个翻译 2.其次选择不同的语言种类,则切换不同的语言类型 具体如下: 1.语言包:在合适的地方建立一个文件夹,命名为lang.js(可以在routes同级别); 格式:一一对应 exports.lang = { ah_cn: { ...
jquery 原生实现简易多语言
以下该版本实现了简易的多语言方案 ,你可以去维护一套多语言的json ,进行前端的语言切换。通过获取自定义数据 data-trans 来改变语言。 html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多语言&
静态网站的中英文等多语言切换
之前做过一个项目,项目要求中英文实现
Html页面简单的多语言化
刚刚无意间从SwaggerUI汉化上发现一个简单将Html页面多语言化的方法。 具体操作很简单,只需引一下JS文件,具体代码如下 HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport&q
javascript多语言切换demo
网站为了国际化的需要,会使用到语言包,案例如下图。 这次尝试用js来打语言包,用到了插件 jquery.i18n.properties ,很明显,使用这个插件需要先加载jquery。 代码布局结构 代码下载 那就来看一下具体代码吧: <!DOCTYPE html> <html> <h...
js多语言(国际化)i8n的实现思路及方法
js多语言实现方法,同上一篇文章一样,没有使用任何框架,纯html、css样式,希望能帮助到你!
页面切换语言的解决方法(偏向小站,静态页面)
首先在html结构中,把需要转换的结构都加上类名,最好加在含有 文本的最近的父级上,因为我们要利用文本节点来替换。 然后构造出类似json这种感觉的数据,方便替换操作。还有声明一个变量flag,记录当前使用的什么语言。 var flag = 'cn'; var langArr = [ {'en':'简体中文','cn':'English'}, {'en':'About m...
JS实现多语言方式
应用场景: 在不同移动平台(IOS,Android)上,建立一套与HTML页面通讯框架;主要业务逻辑使用HTML开发;想支持多语言开发。 动机: 通过主动发消息的方式,在页面完成初始化前,获取当前语言选项,并且根据该语言选项,调用对应的JS文件(每种语言对应一个JS文件)解析页面。 实现细节: 向本地语言框架发请求获取语言种类; $(document).on("pagein
使用vue-i18n实现多语言
前言 1 需求 2 vue-i18n插件 3 兼容性 实战 1 安装 2 工程中使用 1 在mainjs中引入vue-i18n 2 语言资源 3 VueI18n实例 4 挂载到Vue的实例上 5 标记在HTML中 6 标记在js中 3 功能进阶 1 动态切换语言 2 语言包 1 资源文件 2 mainjs中引入 3 资源中换行 1. 前言 (1) 需求 V
【vue 进阶指南 一】多语言国际化(中英文切换)
vue + element-ui + vue-i18n 多语言国际化 1.element-ui 并不支持最新版的vue-i8n 插件,开发时注意i18n的版本,当然本示例成功解决版本不兼容的问题,详细说明请看element官方文档:http://element-cn.eleme.io/#/zh-CN/component/i18n 2.当前引入模式兼容了element-ui,如果未引入elem...
[EMWIN] 多国语言实现方法---csv文件实现
优点: 多国语言较多的时候,采用这种办法比较容易, 缺点:占用的RAM比较多
h5国际化demo[i18n实现]
h5国际化demo[i18n实现] 支持多种语言,以及非H5的浏览器
网站多语言策略(即国际化策略)——Javascript实现
本文根据当下企业向国际化发展趋势,对企业网站的多语言(即国际化)的设计方案做详细讲解。
游戏实现多语言版本(国际化)
自从换了项目组之后一直都很忙,没什么时间写blog了,目前这个项目是自己挑的,希望多花点时间,把它做好。 因为项目还没有对外公开,关于项目就不透露信息,只能说一些实现方式。 到新项目之后第一个着手做的就是多语言版本,也就是国际化。 多语言的实现最基本的实现方式就是根据id去读语言配置,不同的语言新建一个语言配置表。 细分下来,分了如下三个部分: 一 UI UI是指在UI编辑器中的一些文字,比如最常...
js多语言解决方案
实现js国际化,通过动态加载js文件实现,先将使用到的字符串统一在js文件中定义变量,更具不同的参数加载不同的js,访问资源中的index.html 在url 添加参数la=eng或者la=zh,点击button ,在控制台输出不同语言的文字
Delphi程序实现多语言功能
在我们的产品需要适用于多种语言的用户时,多语言切换功能就非常重要了,今天又一朋友咨询多语言切换功能,下面我分享多年实践总结出来的经验及代码,希望对你有帮助,我这里是使用INI文件来存取,你也可以用XML或其他等,使用只时需要在基类Form(用于继承)的FORMSHOW中另一句代码 SwitchLanguage(self ,FLangID);// FLangID为你要切换的语言代码. 这样就实现多
利用vue-i18n实现多语言切换
在angular中有ngx-translate解决i18n的需求,vue也具备这样的能力,利用vue-i18n,我们可以实现多语言的切换,可以轻松搞定大部分的需求,包括中英文切换,以及词条的变更。词条变更在基线版本真的是经常会遇到的,本人深有体会。不扯淡了,说一下vue-i18n基本的使用方法吧。
XML做配置文件实现多国语言切换
一个简单的小程序,实现中文、英文切换。新手,代码写的比较渣,仅供参考。。
使用jquery-i18n-properties实现多语言切换,自动选择,及持久化
    jQuery.i18n.properties是一款轻量级的jQuery国际化插件,能实现Web前端的国际化。 国际化英文单词为:Internationalization,又称i18n,“i”为单词的第一个字母,“18”为“i”和“n”之间单词的个数,而“n”代表这个单词的最后一个字母。jQuery.i18n.properties采用.properties文件对JavaScript进行国际化...
C# 实现多语言界面
建立一个存放语言的XML文件 循环遍历界面上的控件。        private void getLanguage(string LanguageCode)         {             string FileName;             FileName = Application.StartupPath + @"\Resource\Localizat
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 如何提高java学习思路 数据库课程思路