나는 간단한 형태와 div가
<form action="" method="post">
<input name="username">
<textarea name="msg" rows="10"></textarea>
<input type="submit" name="ok" value="Send" >
</form>
<div id="comments"></div>
localstorage를 사용하여 양식에서 div로 데이터를 가져오고 게시하는 방법은 무엇입니까?
또한 사용자가 localstorage를 확인하여 페이지를 새로 고친 후에도 데이터가 그대로 유지되어야합니다.
클라이언트 측에 로컬 게시 댓글과 같습니다.
먼저 양식에서 데이터를 가져와야합니다. 쉽게 액세스 할 수 있도록 고유 한 ID 또는 클래스를 갖도록 입력을 수정하는 것이 좋습니다.
<form action="" method="post">
<input id="username" name="username">
<textarea id="msg" name="msg" rows="10"></textarea>
<input type="submit" name="ok" value="Send" >
</form>
<div id="comments"></div>
태그에 있으므로 jQuery를 사용하고 있다고 가정하므로 다음과 같이 jQuery로 데이터를 얻을 수 있습니다.
var username = $('#username').val();
var message = $('#msg').val();
그런 다음 로컬 저장소에 저장해야합니다. 주석과 같은 것이 될 것이라고 말했기 때문에 많은 것이있을 것이라고 가정하고 있으므로 배열을 사용해야합니다.
localStorage.comments = localStorage.comments || [];
localStorage.comments.push({
username: username,
message: message
});
그리고 그게 다야! 그런 다음을 사용하여 어디서나 액세스 할 수 있습니다 localStorage.comments
. 로컬 저장소는 전역 window
개체 에 존재 하므로 액세스하기 위해 특별한 작업을 수행 할 필요가 없습니다. 간단히 읽고 어디서나 쓸 수 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다