XML 파일을 클라이언트 시스템에 저장하고 JavaScript를 통해 액세스하는 방법

Question

문제는 - 식당의 테이블 이미지가있는 관리 예약 페이지가 있습니다. 테이블에서 특정 예약을 끌어다 놓을 때 해당 테이블이 해당 예약에 할당됩니다. 테이블 이미지를 클릭하면 테이블 정보가 팝업으로 표시됩니다. 이제 여기에 문제가 생겨서 테이블 정보 페이지를 다시 가져 와서 서버 (포스트 백)로 보내고 LINQ 컬렉션으로 정보를 채 웁니다. 이렇게하면 성능이 저하됩니다. What I want to do is to serialize tableInfo collection and save that XML in client's system and rather than postbacking the page I can fetch the table details from that XML through javascript. 가능합니까? 해당 XML을 클라이언트 컴퓨터에 저장할 수 있습니까?

또는 성능 향상을 위해 내가 할 수있는 일이 무엇입니까 ??

Answer 1

에 달려 있습니다.

Web Storage (localStorage 또는 sessionStorage) 중 하나를 사용하는 것이 좋지만이를 지원하는 브라우저가 필요합니다.

당신은 단지 한 페이지의 맥락에서 데이터를 필요로 (또는 한 번 페이지 당을 요구하는 문제가없는) 경우에, 당신은 단순히 예를 들어 일부 글로벌 변수 (그것을 유지할 수 있습니다 property)를 반환합니다.

Answer 2

두 가지 옵션이 있습니다. 먼저, 서버 측 호출을 계속 수행 할 수 있지만 jQuery/AJAX/loading image를 사용하여 대기 시간을 줄입니다.

다른 옵션은 HTML 5 로컬 저장소를 사용하는 것입니다. 스티븐 발터 (Stephen Walther)는 그것을 사용하는 방법에 대해 좋은 example project을 가지고있다.