javascript - jQuery 从 JSON 文件中动态获取数据
问题描述
我正在尝试制作一个简单的多语言网站!我有 3 种语言的 3 个按钮,当我按下其中一个时,我使用 jQuery 获取该按钮值的值并将其存储在一个名为的变量中clicked
,我想从 JSON 中获取数据,如下所示:data.clicked.name
如何获取clicked
data.clicked.name 上的值?
.html 文件
<div id="container">
<input class="btnL" type="button" value="MK">
<input class="btnL" type="button" value="EN">
<input class="btnL" type="button" value="AL">
</div>
脚本
<script type="text/javascript">
$(document).ready(function () {
$(".btnL").click(function () {
var clicked = $(this).attr("value");
$.getJSON('language.json', function (data) {
console.log(data.clicked.name);
// ex. if the value of clicked variable is="EN"
// I want to get this console.log(data.EN.name)
});
});
});
</script>
语言.json
{
"EN": {
"name": "Name",
"surname": "Surname"
},
"AL": {
"name": "Emri",
"surname": "Mbiemri"
},
"MK": {
"name": "Име",
"surname": "Презиме"
}
}
解决方案
使用括号
console.log(data[clicked].name);
推荐阅读
- windows-store-apps - 我可以使用受信任的代码签名证书对 Windows 应用商店应用程序进行代码签名吗?
- php - SQLite-Database 与我的 PHP 脚本连接,但准备好的语句不会给我所需的数据
- c# - 如何使 .net core 3.1 控制台应用程序中的控制台记录器工作
- c# - 未检索到 HttpGet 的令牌
- docker - 运行 docker import 后运行 docker 容器
- android - Android 主题属性在浅色和深色之间部分切换
- discord.js - 您如何检测语音通道流?(discord.js)
- scala - Akka 测试用例断言失败
- python - 每次我打印一个列表时,它都会打印元素 2 次。我怎样才能防止这种情况发生?
- wordpress - wp core install --url for kubernetes 的 url 是什么?