js 读取json语言包，实现页面的双语切换

最新推荐文章于 2024-06-28 09:30:57 发布
最新推荐文章于 2024-06-28 09:30:57 发布
阅读量8k 收藏 2
点赞数
分类专栏： 项目心得
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hualuo_/article/details/79798628
版权
本文介绍了一种通过JavaScript读取JSON语言包的方法，以实现在网页上的双语切换。首先确定当前语言，然后加载相应的JSON文件。通过查找页面中特定的标签，依据属性匹配JSON键位，进而替换文本内容，完成语言切换功能。
摘要由CSDN通过智能技术生成
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).attr("class"));
});
$.each(data, function (k,v){
if(in_array(k,ids)){
$("."+k).replaceWith(v);
}
})
//获取所有的in
最低0.47元/天 解锁文章
花落乱了流年
关注
专栏目录
关于在静态html中实现语言切换的思路与实现
feihua666
01-12 1万+
缘由 有一个同事好像是在做vc桌面应用程序，内嵌的浏览器内核来实现界面。在项目中有一个实现多语言的需求，他不太懂前端的知识，自己通过学习实现了通过用js来切换语言，语言是在json中定义的。默认的语言是中文，是直接写在html中的，当切换语言的时候是通过包裹在jquery的document ready里来加载其它语言。这样出现了一个问题，如果页面内容元素多的话可能闪一下，即：先显示一下中文随即就
CSS圆角示例风车
weixin_75256538的博客
06-18 193
风车
libjson 是一个完全兼容 JSON 规范的 json 格式数据的 C 语言解析包。
06-17
JSON是一种轻量级的数据交换格式。libjson 是一个完全兼容 JSON 规范的 json 格式数据的 C 语言解析包。
使用translate免费插件,实现官网中英文切换(附带示例html)
最新发布
qq_44149644的博客
06-28 519
这个translate是一款免费开源的,可以用于官网中英文翻译的插件,只需要在页面的最后引入一个链接,不需要其他的配置就可以完成中英文切换.适合各种官网的中英文切换.
JavaScript Code Improver 中文语言包
KimSoft's Blog
05-23 6913
将以下代码存为Chinese.lng，和主程序文件jsci.exe放在同一个目录，英文不是很厉害，翻译得不好请多见谅。[common]AppTitle=JavaScript Code Improver - 中文语言包 BY KIMSOFTLoadButton=加载(&L)SaveButton=保存(&S)RunButton=运行(&R)CloseButton=关闭(&C)OptionsButt
JSON(数据交换格式（把一种语言转换成另外一种语言）)
qq_20610631的博客
07-25 2514
JSON 1. json是什么   * 它是js提供的一种数据交换格式，现在只是出现在js 中，例如把xml 转化为java对象 2. json的语法   * {}：是对象！     > 属性名必须使用双引号括起来！单引不行！！！     > 属性值：       * null       * 数值       * 字符串       * 数组：使用[]括起来       * bo...
【探索】用js打语言包（使用jquery.i18n.properties）
weixin_30569001的博客
08-18 313
网站为了国际化的需要，会使用到语言包。 博主之前用到过的语言包都是依靠后端语言或者模板语言进行的语言包，当然js部分中使用的文案会用到js自己的语言包，不过会通过后端语言动态加载中文or英文的js语言包。 这次尝试用js来打语言包，用到了插件 jquery.i18n.properties ，很明显，使用这个插件需要先加载jquery。 那就来看一下具体代码吧： ...
html改语言,根据使用json选择的语言更改html页面的内容
weixin_26833503的博客
05-31 173
解决方案构想这种情况的最佳解决方案是提供服务,管理我们应用中的所有语言问题.这样的语言服务应该知道当前在页面上设置了什么语言并从适当的语言数组中获取文本.此类服务中的一些示例getter应如下所示：this.getText = function(textSymbol){return langTexts[currentChosenLanguageSymbol][textSymbol];}用法示例：s...
前端实现中英文翻译切换
07-06
总的来说，这个压缩包提供了一个基础的前端中英文翻译切换实现，你可以通过分析和修改这个示例来适应自己的项目需求。了解以上概念后，你可以进一步学习和掌握前端国际化（i18n）的最佳实践，以创建更加完善的多语言...
tatoeba-sentence-pairs：从Tatoeba语料库生成句子对并导出为JSON
02-03
《Nim语言实现：从Tatoeba语料库获取与处理JSON句对》 Tatoeba语料库是一个丰富的资源，包含了大量的双语句子对，适用于语言学习、翻译研究以及自然语言处理（NLP）任务。这个项目"tatoeba-sentence-pairs"就是专门...
多语言 js插件
10-25
由于最新版的jquery.i18n.properties有问题，特意从google下载稳定的老版，这个zip包已包含原版和minified版
jq语言包18种语言切换插件
09-21
jq语言包18种语言切换插件,可以多种国家的语言切换的javascripot的一个jq插件
易语言双语菜单全操作源码,易语言双语菜单全操作2源码,易语言双
07-24
本资源主要包含的是易语言双语菜单全操作的源代码，这对于想要学习易语言以及进行多语言支持的程序开发人员来说是一份宝贵的资料。 首先，我们要理解"双语菜单全操作"这一概念。在软件开发中，双语菜单是指程序界面...
Go语言JSON包使用
weixin_39218464的博客
04-22 1104
目录 序列化与反序列化 1、序列化 1）结构体数据转JSON，属性必须是公有的大写开头 使用Person结构体描述用户信息并转JSON package main import ( "encoding/json" "fmt" ) type Person struct { Name string Age int Rmb float64 Sex bool Hobby []string } func main() { person := Person{"于谦", 50, 123
js中获取属性的方式
m0_68317492的博客
09-02 2006
获取属性方式
提供一个c# winform的多语言框架源码，采用json格式作为语言包，使用简单易于管理加载且不卡UI，支持“语言分级”管理
C#开发
05-21 673
提供一个c# winform的多语言框架源码，采用json格式作为语言包，不使用resx资源，当然本质一样的，你也可以改为resx。
javascript object notation 翻译,js 多语言翻译插件
神经网络爱好者
11-27 362
大家好，小编为大家解答javascript object notation 翻译的问题。很多人还不知道js 多语言翻译插件，现在让我们一起来看看吧！
语言包使用
卫沧澜的博客
04-20 532
1配置文件.frontend\config\main.php 组件里添加 'i18n'=>[             'translations'=>[                '*'=>[                    'class'=>'yii\i18n\PhpMessageSource',                    //'basePath'=>'/me
js读取json
05-28
在 JavaScript 中，可以使用 XMLHttpRequest 对象或 fetch API 来读取 JSON 文件。还可以使用 jQuery 的 AJAX 方法来实现。 以下是使用 XMLHttpRequest 对象的示例： ``` let request = new XMLHttpRequest(); request.open('GET', 'data.json', true); request.onload = function() { if (request.status >= 200 && request.status < 400) { let data = JSON.parse(request.responseText); console.log(data); } else { console.error('请求出错'); } }; request.onerror = function() { console.error('网络错误'); }; request.send(); ``` 使用 fetch API 的示例： ``` fetch('data.json') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error)); ``` 使用 jQuery 的 AJAX 方法的示例： ``` $.ajax({ url: 'data.json', dataType: 'json', success: function(data) { console.log(data); }, error: function(xhr, textStatus, error) { console.error(error); } }); ``` 以上三种方法都可以读取 JSON 文件，并将其解析为 JavaScript 对象。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值