轉載地址http://blog.csdn.net/lxcao/article/details/52777066
題目點評
本題主要考察數據存儲的知識,數據存儲有本地和服務器存儲兩種方式,對於前端開發來講,只需要講解用本地存儲的方式來解決就好。當然也能知道服務器端的方式更好。本題的難易程度一般,只要能夠說出思路就可以,至少說兩種解決方法。
解題方法
方法一:使用localStorage
使用localStorage.setItem(key,value);添加內容
使用storage事件監聽添加、修改、刪除的動作
window.addEventListener("storage",function(event){
$("#name").val(event.key+”=”+event.newValue);
});
方法二、使用cookie+setInterval
<inputidinputid="name"><input type="button" id="btnOK"value="發送">
$(function(){
$("#btnOK").click(function(){
varname=$("#name").val();
document.cookie="name="+name;
});
});
//獲取Cookie天的內容
function getKey(key) {
return JSON.parse("{\""+ document.cookie.replace(/;\s+/gim,"\",\"").replace(/=/gim, "\":\"") +"\"}")[key];
}
//每隔1秒獲取Cookie的內容
setInterval(function(){
console.log(getKey("name"));
},1000);