Cách chuyển giá trị từ trang này sang trang khác bằng JavaScript
Chào mừng bạn đến với hướng dẫn về cách chuyển biến giữa các trang trong Javascript. Cần chuyển một số dữ liệu giữa các trang khác nhau? Show
Một cách dễ dàng để chuyển các biến giữa các trang là sử dụng chuỗi truy vấn
Nhưng có nhiều phương pháp hơn mà chúng ta có thể sử dụng. Chúng ta hãy xem qua một số ví dụ trong hướng dẫn này và đâu là cách tốt hơn để giải quyết mọi việc – Đọc tiếp ⓘ Tôi đã bao gồm một tệp zip chứa tất cả mã nguồn ví dụ khi bắt đầu hướng dẫn này, vì vậy bạn không cần phải sao chép-dán mọi thứ… Hoặc nếu bạn chỉ muốn đi sâu vào
TRANG TRÌNH BÀY NHANHTải xuống & Ghi chú Truyền biến Bit và liên kết hữu ích Video hướng dẫn The End
TẢI XUỐNG & LƯU ÝĐầu tiên, đây là liên kết tải xuống mã ví dụ như đã hứa
GHI CHÚ NHANH
MÃ VÍ DỤ TẢI XUỐNGNhấp vào đây để tải xuống mã nguồn, tôi đã phát hành nó theo giấy phép MIT, vì vậy hãy thoải mái xây dựng trên mã nguồn hoặc sử dụng nó trong dự án của riêng bạn
CÁCH CHUYỂN BIẾN GIỮA CÁC TRANGĐược rồi, bây giờ chúng ta hãy tìm hiểu cách truyền biến giữa các trang trong Javascript
PHƯƠNG PHÁP 1) LƯU TRỮ PHIÊN1a-buổi. html
phiên 1b. html
Đúng, không cần bất kỳ mánh lới quảng cáo nào. Có một khu vực lưu trữ “hộp cát” tạm thời trong Javascript được gọi là lưu trữ phiên. Rất dễ sử dụng, chỉ có 4 chức năng để biết
Nhưng xin lưu ý rằng bộ nhớ phiên sẽ tự động bị xóa sau khi người dùng đóng tab/cửa sổ P. S. Dữ liệu cũng sẽ không được chuyển khi người dùng mở tab/cửa sổ khác theo cách thủ công
PHƯƠNG PHÁP 2) LƯU TRỮ CỤC BỘ2a-lưu trữ cục bộ. html 02b-lưu trữ cục bộ. html 4Trông quen quen? . Đúng, cùng một khu vực lưu trữ tạm thời cũ, nhưng bộ nhớ cục bộ là cố định – Mọi thứ được đặt trong bộ nhớ cục bộ sẽ ở lại cho đến khi bị xóa thủ công;
PHƯƠNG PHÁP 3) THAM SỐ URLtruy vấn 3a. html 5truy vấn 3b. html 6Bạn có thể đã nghe nói về biến 03, nối thêm chuỗi truy vấn 04 phía sau URL. Đúng, Javascript hoàn toàn có khả năng nhận chuỗi truy vấn và chúng tôi có thể sử dụng chuỗi đó để truyền dữ liệu
PHƯƠNG PHÁP 4) BẢO QUẢN BÁNH QUY4a-cookie. html 94b-cookie. html 0Bạn cũng có thể đã nghe nói về cookie, một mã thông báo nhỏ để lưu giữ một số dữ liệu… Dù sao, đừng gây rối với cookie trừ khi thực sự cần thiết. Giữ cái này như một phương sách tuyệt vọng cuối cùng
PHƯƠNG PHÁP 5) CỬA SỔ MỚIcửa sổ 5a. html 1cửa sổ 5b. html 2Khi tạo một 05 mới, chúng ta có thể “trực tiếp” chèn các biến vào cửa sổ mới. Đơn giản vậy thôi
BIT & LIÊN KẾT HỮU ÍCHĐó là tất cả cho hướng dẫn này và đây là một phần nhỏ về một số tính năng bổ sung và liên kết có thể hữu ích cho bạn
CẬP NHẬT CÁC QUY TRÌNHThời kỳ đồ đá của Internet đã qua lâu rồi. Thay vì tải lại và chuyển hướng các trang, chúng ta thực sự nên xem xét việc tạo ra một trải nghiệm “liền mạch” với các công nghệ hiện đại. Ví dụ: nếu chúng tôi muốn tạo một biểu mẫu kiểu trình hướng dẫn trong đó người dùng chọn một tùy chọn ở bước 1, sau đó chuyển nó sang bước 2 – Chúng tôi có thể sử dụng AJAX để điều khiển toàn bộ ứng dụng 6a-ajax. html 06b-ajax. html 1
LIÊN KẾT và THAM KHẢO
VIDEO HƯỚNG DẪN
BẢNG CHEAT INFOGRAPHICCảm ơn bạn đã đọc, và chúng tôi đã đi đến phần cuối của hướng dẫn này. Tôi hy vọng rằng nó đã giúp bạn với dự án của bạn và nếu bạn muốn chia sẻ bất cứ điều gì với hướng dẫn này, xin vui lòng bình luận bên dưới. Chúc may mắn và mã hóa hạnh phúc Làm cách nào để gửi giá trị từ trang này sang trang khác trong JavaScript?Ở trang 2. cửa sổ. onload = cảnh báo (localStorage. . bạn có thể sử dụng bộ định tuyến SPA như SammyJS hoặc Angularjs và bộ định tuyến ui để các trang của bạn có trạng thái sử dụng sessionStorage để lưu trữ trạng thái của bạn lưu trữ các giá trị trên hàm băm URL Làm cách nào để chuyển giá trị hộp văn bản từ trang này sang trang khác trong JavaScript?Truyền giá trị hộp văn bản tới một trang khác qua JavaScript . cho phép người dùng nhập dữ liệu vào thuộc tính hộp văn bản của phần tử biểu mẫu/đầu vào sau khi người dùng nhập dữ liệu và nhấn enter, người dùng sẽ được chuyển đến một trang khác nơi hiển thị dữ liệu đã nhập Làm cách nào để chuyển giá trị đầu vào từ trang HTML này sang trang khác?Để gửi dữ liệu đến hai máy chủ, hãy tạo một nút dưới dạng gửi và nút còn lại dưới dạng nút. Ở nút đầu tiên, hãy gửi hành động trong thẻ biểu mẫu của bạn như bình thường, nhưng ở nút khác gọi một hàm JavaScript ở đây, bạn phải gửi biểu mẫu có cùng trường nhưng đến các máy chủ khác nhau, sau đó viết một thẻ biểu mẫu khác sau lần đóng đầu tiên
Làm cách nào để chuyển giá trị biến trong JavaScript?Truyền theo giá trị. Trong Truyền theo giá trị, hàm được gọi bằng cách truyền trực tiếp giá trị của biến làm đối số . Vì vậy, mọi thay đổi được thực hiện bên trong hàm không ảnh hưởng đến giá trị ban đầu. Trong Truyền theo giá trị, các tham số được truyền dưới dạng đối số tạo bản sao của chính nó. |