2011-01-12 6 views
1

나는 매우 간단하고 빠르며 더러운 데모 응용 프로그램이되기를 바라고 있습니다. 지금까지 html과 javascript 만 사용하여 많은 구성 요소를 구축했습니다. 나는 결국 DB에 접속할 것임을 알고 있지만,이 시점에서 나는 단지 일부 기능을 과시하려고 시도하고 있습니다.html과 javascript로 클라이언트 측 데이터 저장 및 검색

페이지에서 사용자는 친구와 같은 다른 사용자를 선택할 수 있습니다. 그런 다음 그들은 별도의 html 페이지로 이동하고 선택한 사용자를 기반으로 정렬 정보가 있습니다.

그래서 첫 번째 시도는 선택한 사용자 개체를 쿠키에 넣고 두 번째 페이지에서 쿠키를 검색하는 것이 었습니다. 불행히도 사용자가 선택을 변경하면 쿠키가 업데이트되지 않고 StackOverflow에서 검색 한 결과 쿠키 삭제 및 업데이트가 신뢰할 수 없다고합니다.

나는

 
function updateCookie(updatedUserList){ 
jQuery.cookie('userList',null); 
jQuery.cookie('userList',updatedUserList); 
} 
을 시도했지만 쿠키를 null로 설정했지만 두 번째 값으로 업데이트하지는 않습니다.

그래서 선택한 사용자 개체를 양식에 넣기로 결정했습니다. 불행히도 서버 측에서만 클라이언트 측의 양식에서 내용을 검색 할 수없는 것처럼 보입니다.

다른 방법이 있습니까? 나는 PHP와 Rails에서 일해 왔지만, 이것을 더 빠르고 무언가 큰 것으로 만들기 전에 간단히하려고 노력하고 있으며, 지금까지 서버 측 프로세싱을 피하려고 노력하고있다. .

답변

2

를이 데모이기 때문에, 당신은 HTML5를 사용할 수 있습니까? 그렇다면 로컬 저장소 (link text)를 사용할 수 있습니다.

다른 옵션은 AJAX를 사용하여 다른 HTML 페이지를로드하는 것입니다 (현재 문서의 전체 본문 바꾸기). 저장 용량 변수는 <head>에 저장됩니다. 이것은 밀접하게 결합 된 디자인이지만, 다시 빠르고 더러운 데모를 만들고 있습니다.

+0

캔버스를 많이 사용하여 사이트가 HTML5로 무겁기 때문에 로컬 저장소를보고있었습니다. 하지만 나는 정기적으로 파이어 폭스와 크롬 사이를 전환하고있다. (그리고 ipad로 몇몇 데모를 위해 사파리를 돌릴 것이다.) 나는 그들이 일관된 보관 방법이 아니었다는 인상을 받았다. 나는 그것을 더 멀리 보게 될 것이다. 아약스를 통해 구금 시설을 사용하는 한, 나는 이것을 옵션으로 생각했지만 사용하기에 약간 무거웠습니다. – pedalpete

+1

로컬, 파일 관점에서 작업하기 때문에 쿠키에 문제가있을 수 있습니다. 쿠키에는 도메인이 필요합니다. 로컬 파일에는 그 파일이 없습니다. 쿠키가 제대로 작성되면 페이지가 변경되어 도메인 (?)이 변경되어 손실 될 가능성이 큽니다. http://www.techtoolblog.com/archives/subdomain-cookies-and-localhost 및 http://www.google.com/support/forum/p/Chrome/thread?tid=23fd2349855c0f17&hl=ko 도움이 될 수 있습니다. – Virmundi

+0

Virmundi에게 감사드립니다. 어쨌든 HTML5 용 로컬 저장소를 배우고 로컬 쿠키를 통해 후속 조치를 부탁드립니다. 왜 내가 그 문제를 겪고 있는지 명확히 설명합니다. – pedalpete

0

updatedUserList가 문자열입니까? 이 배열의 경우 먼저 캐릭터 라인 화해야 할 수도 있습니다 :

jQuery.cookie('userList', JSON.stringify(updatedUserList)) 

(당신이 그것을 검색 할 때 물론 그것을 구문 분석합니다.)

+0

나는 그것을 쿠키에 넣기 전에 그것을 끈으로 묶고 있지만 여전히 업데이트하지는 않습니다. – pedalpete

관련 문제