【HTML】HTML JS简单粗暴Cookie语言包

最新推荐文章于 2025-07-25 19:12:32 发布

原创最新推荐文章于 2025-07-25 19:12:32 发布 · 223 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #json

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种利用jQuery简化Cookies读写的方法，并通过AJAX动态加载不同语言包的JSON文件来实现网站多语言支持的技术方案。

Cookis语言包中使用了jquery，直接上代码，简单粗暴！

取Cookis的值

function getCookieVal(name) {
		    var items = document.cookie.split(";");
		    for (var i in items) {
		        var cookie = $.trim(items[i]);
		        var eqIdx = cookie.indexOf("=");
		        var key = cookie.substring(0, eqIdx);
		        if (name == $.trim(key)) {
		            return $.trim(cookie.substring(eqIdx+1));
		        }
		    }
		    return null;
		}

写入Cookis

function setLanguage(lang) {
		    setCookie("lang=" + lang);
		}
function setCookie(cookie) {
		    document.cookie = cookie;
			ajaxict();
		}

ajax根据lang的值使用不同的json语言包进行修改元素

function ajaxict() {
			//取cookis中的lang=的值
			var lang = getCookieVal("lang");
		    $.ajax({
				dataType: "json",
		        async: false,
		        type: "GET",
		        url: "/lang/"+ lang + ".json",
		        success: function(data) {
		        //修改指定id元素值
					document.getElementById("id").innerHTML = data.index_zhuanzhang;
		        }
		    });
		}