multipe 양식을 localStorage에 저장

Question

데이터베이스에 새 행을 삽입하는 것처럼 localStorage를 어떻게 사용합니까? 양식이 있고 제출할 때 양식 값이 localStorage에 저장됩니다. 페이지를 새로 고치고 양식을 다시 채우고 제출을 클릭하여 값을 내 localStorage에 다시 저장하십시오. 나는 이것을 여러 번한다.

양식 값을 덮어 쓰지 않고 저장하려면 어떻게해야합니까? localStorage가 새 값을 데이터베이스에 삽입하는 것처럼 양식을 저장하기를 원합니다.

form[0] 
    name: "jane" 
form[1] 
    name: "john" 
form[2]: 
    name: "joe" 

Answer 1

왜 이렇게하고 싶은지 잘 모르겠지만 다음을 수행 할 수 있습니다.

양식을 직렬화하고 rsult를 저장할 수 있습니다. LocalStorage는 쿠키와 마찬가지로 key : value 쌍입니다. 다음과 같이 할 수 있습니다.

localStorage.setItem("form_1", {name: "jane"}); 

제출할 때마다이 작업을 반복 할 수 있습니다. 이 당신을 도와줍니다

localStorage.getItem("form_1"); 

희망 : 같은 데이터를 가져 오는 간다.

Answer 2

자바 스크립트 배열을 사용하여 양식을 추적 할 수 있습니다. 예를 들어 :

var formValues = JSON.parse(localStorage.formValues); 
// When you submit add to form values 
formValues.push({ /* Form data */ }); 
localStorage.formValues = JSON.stringify(formValues); 

는 값을 사용 formValues[formIndex]를 검색합니다.

JS 바이올린 : http://jsfiddle.net/prankol57/3ZHqH/