Helpex - Trao đổi & giúp đỡ Đăng nhập
3

Tôi có một bảng nhỏ gồm khoảng 600 hàng trông giống như sau:

Make  |  Model     |  Year1  | Year2
Chevy |  Silverado |  2000   | 2014
Chevy |  Cobalt    |  1988   | 2015

Trang web hoạt động như thế này: Người dùng chọn một năm duy nhất trong danh sách thả xuống và truy vấn tìm kiếm năm đó trong phạm vi để hiển thị tất cả các Ngày có sẵn cho năm đó. Sau đó, người dùng chọn Sản phẩm của mình và truy vấn tìm kiếm Mẫu có sẵn dựa trên năm / sản phẩm đó.

Những gì tôi đang cố gắng làm là làm cho quá trình đó khả dụng ngoại tuyến mà không cần phải truy vấn db trực tuyến mỗi lần.

Tôi đã xem xét localStorage, nhưng nó chỉ có thể lưu trữ các cặp khóa-giá trị. Vì vậy, tôi không thể biết cách tôi có thể thực hiện việc này với localStorage. WebSQL cũng sẽ không hoạt động vì nó không được hỗ trợ trong tất cả các trình duyệt.

Bất kỳ đề xuất nào về cách tôi có thể thực hiện điều này ngoại tuyến? Người dùng chỉ cần truy cập trang web một lần và sau đó tất cả dữ liệu sẽ tải cục bộ và truy vấn cục bộ.

Chỉ cần nói rõ là tôi không yêu cầu bất kỳ mã nào. Tôi đang yêu cầu một bức tranh lớn hơn về cách thực hiện điều này.

3 hữu ích 2 bình luận 3.1k xem chia sẻ
3

Tôi khuyên bạn nên sử dụng một thư viện hiện có ( danh sách tại đây ) xử lý việc lưu trữ dữ liệu cục bộ, để bạn có khả năng tương thích ngược (cookie) và mã bằng chứng trong tương lai (IndexDB / NoSQL / Cái gì đó khác).

Tôi nghĩ rằng điều này rất giống với câu hỏi này .

Tôi cũng sẽ làm như vậy (ít nhất là đối với một giải pháp đơn giản, điều này có thể phù hợp với lượng dữ liệu nhỏ của bạn), chỉ cần tạo các đối tượng JSON với tất cả dữ liệu và chuỗi / phân tích cú pháp chúng khi lưu trữ / truy xuất. (ví dụ: câu trả lời từ một chủ đề khác )

CHỈNH SỬA: liên kết sai

EDIT2: Các ví dụ về công nghệ trong tương lai đã thay đổi

3 hữu ích 2 bình luận chia sẻ
1

Tôi đã mô tả cách lưu trữ bảng dữ liệu ở dạng "bảng JSON" với locaLStorage trong Chương 2 Lưu trữ dữ liệu bằng API LocalStorage của JavaScript trong bài viết của tôi "Hướng dẫn JavaScript Frontend Web Apps Phần 1: Xây dựng một ứng dụng tối thiểu trong bảy bước", giải thích cách quản lý dữ liệu sách bằng locaLStorage.

1 hữu ích 0 bình luận chia sẻ
0

Bạn có thể lưu trữ dữ liệu của mình trong localstorage ở định dạng JSON.

Nhưng hãy nhớ không vượt quá dung lượng lưu trữ cục bộ: Kích thước tối đa của các giá trị localStorage là bao nhiêu?

0 hữu ích 0 bình luận chia sẻ
loading
Không tìm thấy câu trả lời bạn tìm kiếm? Duyệt qua các câu hỏi được gắn thẻ javascript database html , hoặc hỏi câu hỏi của bạn.

Có thể bạn quan tâm

loading