大家,想要對用戶輸入的表單數(shù)據(jù)在瀏覽器端存儲,用什么方法比較好???安全問題暫不考慮,沒有任何敏感數(shù)據(jù)的。
嘗試了使用Chrome localstorage API,但是沒有成功。
再詳細(xì)說一下要實(shí)現(xiàn)的功能:
在擴(kuò)展中有2-3個(gè)輸入框,對于用戶多次在這些輸入框中輸入的不同的文本內(nèi)容進(jìn)行存儲并且顯示在擴(kuò)展中。
可能說的不太準(zhǔn)確,我再詳細(xì)說一下我的需求:
有3個(gè)輸入框,這三個(gè)輸入框?yàn)橐唤M數(shù)據(jù),用戶提交一次后會將數(shù)據(jù)保存在本地并且實(shí)時(shí)顯示在瀏覽器中,用戶第二次輸入數(shù)據(jù)并提交的時(shí)候是添加一組數(shù)據(jù)而不是更新上一組數(shù)據(jù)。
謝謝關(guān)注者。。。
如果是寫chrome擴(kuò)展的話,可以使用storage這個(gè)api,會自動同步云端(如果你連接了谷歌服務(wù)器),否則和localstorage是一樣的,可直接存儲數(shù)組或?qū)ο蟆?br>具體使用
chrome.storage.sync.set({ 'key': vlaue }, function() {
console.log(' saved success');
});
value可以為字符串,數(shù)組,對象,使用這個(gè)api需要在manifest.json中添加"storage"這個(gè)權(quán)限
如果是使用普通的sessionStorage或localStorage,存儲復(fù)雜對象,可以把對象或數(shù)組用JSON.stringfy轉(zhuǎn)成字符串來存儲,使用的時(shí)候用JSON.parse來解析成原來的格式。
希望能對你有所幫助。
直接給你段代碼好了,自己看看改改
var strKey = "content_{{$question->id}}";
var storage = window.localStorage;
var docAnswer = document.getElementById("answer_editor_content");
if(docAnswer){
//再次打開頁面時(shí)嘗試賦值
if(docAnswer.value == "" && storage.getItem(strKey)!=null){
$("#answer_editor_content").val(storage.getItem(strKey));
$("#answer_editor").html(storage.getItem(strKey));
}
//定時(shí)保存
setInterval("cacheContent()",1000);
}
function cacheContent(){
var strValue = document.getElementById("answer_editor_content").value;
if (storage && strValue != '') {
storage.setItem(strKey, strValue);
}
}北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。