Hướng dẫn pass variable from html to html - chuyển biến từ html sang html

HTML / HTTP không trạng thái, điều này có nghĩa là, những gì bạn đã làm / đã thấy trên trang trước, hoàn toàn bị ngắt kết nối với trang hiện tại. Câu hỏi là cách truyền biến giữa hai trang ở mặt trước. .

Có một vài cách bạn có thể lưu trữ giá trị ở một nơi khác để bạn có thể khởi tạo nó khi tải bằng JavaScript)

1. T truy cập dữ liệu này) và đặt giá trị trong một trang và nhận giá trị trong các trang khác. Xem xét điều đó:

Cookie lưu dữ liệu cho đến khi bạn xác định được thời gian nào,

Lưu trữ phiên lưu dữ liệu cho đến khi tab mặc định trình duyệt đóng.

Lưu trữ cục bộ lưu dữ liệu cho đến khi trình duyệt đóng hoàn toàn và chia sẻ dữ liệu giữa các tab (trang), nó lưu trữ dữ liệu mà không có ngày hết hạn và chỉ được xóa thông qua JavaScript hoặc xóa bộ đệm của trình duyệt / dữ liệu được lưu trữ cục bộ - không giống như hết hạn cookie.

2) - Thêm các thuộc tính vào phần tử khi nó được tạo thông qua hàm kết xuất AJAX

<a href='example2.html?action=getAll&element=product&id=1'>a link</a>
<a href='example2.html?action=getAll&element=product&id=2'>another link</a>

-> Và sau khi nhấp vào phần tử này xây dựng URL /? action = getall & fement = sản phẩm & id = 1 và trong trang thứ hai sẽ xảy ra hành động, bạn có thể phân tích URL này và gọi AJAX thích hợp với các tham số thích hợp.

Hướng dẫn đơn giản về các giá trị truyền giữa các trang HTML sử dụng sức mạnh của JavaScript.

TL; Tóm tắt DR

Nếu bạn có các giá trị văn bản hoặc số đơn giản mà bạn muốn chuyển sang trang HTML khác thì nó đơn giản nhất để sử dụng các tham số URL để làm như vậy. (Xem phần tiếp theo để biết thêm chi tiết về cách truyền đối tượng, v.v.)
(see the next section for more details on how to pass objects etc.)

Bạn có thể đặt các giá trị tham số URL theo hai cách.

Cách đầu tiên bạn có thể chuyển các giá trị từ trang này sang trang khác là thêm nó vào liên kết trực tiếp: Link và cách thứ hai là thực hiện thông qua javascript: window.location.href = sẽ có tác dụng tương tự như khi bạn nhấp vào liên kết)
link
and the second way is to do it through JavaScript:
window.location.href = “/second_page.html?greeting=hello”;
(this will have the same effect as if you clicked the link)

Cách đơn giản hơn để làm điều đó là bằng cách thêm nó vào liên kết là tốt khi bạn có các giá trị tĩnh. Nhưng trong trường hợp các biến tùy chọn duy nhất của bạn là JavaScript.

Và sau đó tất cả những gì bạn phải làm trên trang thứ hai chỉ là đọc các giá trị từ các tham số URL.

Thêm chi tiết

Nếu bạn muốn truyền toàn bộ đối tượng thì làm như vậy thông qua các tham số URL có thể không thực tế.

Cũng không quên rằng có giới hạn 2000 ký tự trên kích thước URL. Điều đó có nghĩa là lượng dữ liệu bạn có thể truyền qua URL rất hạn chế.

Vì vậy, trong trường hợp đó, tốt nhất là sử dụng đối tượng LocalStorage đã có sẵn trong trình duyệt của bạn.localStorage object that is already available in your browser.

Vậy LocalStorage là gì?localStorage?

Đây chỉ đơn giản là một đối tượng mà bạn có thể truy cập từ bất kỳ trang nào trên trang web của mình.

Điều tuyệt vời về nó là bất kỳ giá trị nào bạn lưu vào LocalStorage, những giá trị đó ngay lập tức có sẵn cho tất cả các trang của bạn.localStorage, those values are immediately available to all of your pages.

Vì vậy, nó không quan trọng nếu bạn đi từ trang này sang trang khác bởi vì mọi thứ bạn lưu trữ trong địa phương tiếp tục theo dõi bạn xung quanh.localStorage keeps following you around.

Dưới đây là ví dụ đơn giản cách bạn có thể sử dụng nó trên trang web của mình:

Quan trọng: Có một điều khó khăn về địa phương: nó sẽ không lưu các đối tượng.:
There is one tricky thing about localStorage: it will not save objects.

Những gì bạn cần làm là biến đối tượng của bạn thành chuỗi JSON và lưu nó như thế vào LocalStorage. Và sau đó khi bạn muốn sử dụng nó trên một số trang khác, bạn có thể chuyển đổi nó thành đối tượng thông thường.localStorage. And then when you want to use it on some other page you can transform it back to regular object.

Đây là cách bạn biến đối tượng thành chuỗi: json.Stringify (myObject);
JSON.stringify(myObject);

Đây là cách bạn quay chuỗi trở lại đối tượng: json.parse (myObjectString);
JSON.parse(myObjectString);

Và đây là một số ví dụ về mã thực tế:

Và nếu bạn muốn xóa tất cả dữ liệu khỏi LocalStorage thì hãy làm điều này: LocalStorage.clear ();localStorage then do this:
localStorage.clear();

Và đây thực sự là tất cả những gì có giá trị chuyển từ trang HTML này sang trang khác bằng JavaScript.

Ngoài ra, bạn có thể thích các bài viết về JavaScript IMG onclick các sự kiện, cũng như giá trị mặc định đầu vào HTML và TextArea.

Cho đến lần sau, nhà văn nội dung nhà phát triển Willsenior
Will
Senior Developer Content Writer

==> FYI - Nếu bạn muốn xây dựng một startup với tỷ lệ thành công cao - sau đó tìm hiểu cách nhận lưu lượng truy cập web miễn phí đến trang web của bạn. Bởi vì không có lưu lượng truy cập web, bạn không có một công ty khởi nghiệp - bạn có một giấc mơ. — if you want to build a startup with high success rate — then learn how to get FREE web traffic to your website. Because without web traffic you don’t have a startup — you have a dream.

Làm thế nào để bạn vượt qua một biến HTML trong HTML?

Có hai cách để vượt qua các biến giữa các trang web.Phương pháp đầu tiên là sử dụng sessionStorage hoặc localStorage.Phương pháp thứ hai là sử dụng chuỗi truy vấn với URL.use sessionStorage, or localStorage. The second method is to use a query string with the URL.

Làm cách nào để chuyển một biến từ trang này sang trang khác?

$ myvarable = "một số văn bản";Và hành động của biểu mẫu cho trang đó là "Trang2. And the form's action for that page is "Page2.

Làm thế nào để bạn vượt qua một biến tập lệnh trong HTML?

Có ba cách để hiển thị các giá trị biến JavaScript trong các trang HTML:..
Hiển thị biến bằng tài liệu.viết phương pháp..
Hiển thị biến cho nội dung phần tử HTML bằng cách sử dụng thuộc tính bên trong ..
Hiển thị biến bằng cửa sổ.Phương thức cảnh báo () ..

Làm thế nào để bạn chuyển một biến cho một trang khác trong JavaScript?

Bằng cách nhấn nút, tôi muốn JavaScript lưu giá trị của hộp văn bản trong biến toàn cầu (?) Và Nhảy đến trang 2 ...
Bạn có thể sử dụng bộ định tuyến spa như sammyjs, hoặc angularjs và ui-router, vì vậy các trang của bạn là 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 URL băm ..