Làm cách nào để truyền dữ liệu từ trang này sang trang khác trong HTML bằng JavaScript?

Xin chào Amol111,

Vui lòng tham khảo mã dưới đây và sửa mã của bạn

Bạn có thể gửi dữ liệu từ trang này sang trang khác bằng QueryString. Trọng tài ví dụ dưới đây

HTML

CS. aspx

Name:

Mã số

Vỡ nợ. aspx. cs

protected void Page_Load[object sender, EventArgs e]
{
    Response.Write[Request.QueryString["name"]];
}

Ảnh chụp màn hình

Việc chuyển dữ liệu sang trang mới cũng khá đơn giản - bằng cách sử dụng cùng một cơ chế mà các biểu mẫu sử dụng

Biểu mẫu đơn giản

Hãy xem xét các hình thức đơn giản

trình duyệt sẽ mã hóa tên của trường đầu vào và giá trị của nó như một phần của URL khi nó gọi trang đích [ở đây được gọi là 'script8. htm']. Cặp tên và giá trị đầu tiên được mã hóa bằng cách nối thêm '______11' vào URL. Vì vậy, đối với ví dụ trên, đây sẽ là

script8.htm?Something=...

Mọi thông số bổ sung được mã hóa bằng cách thêm '

protected void Page_Load[object sender, EventArgs e]
{
    Response.Write[Request.QueryString["name"]];
}

2' vào URL

Ghi chú. Nếu bạn muốn chỉ định rõ ràng "phương thức" [vì lý do phong cách hoặc sự rõ ràng] thì ví dụ trên sẽ trở thành

nhưng vì "GET" là phương thức mặc định cho biểu mẫu nên không cần chỉ định

Nhận và giải mã dữ liệu

Các giá trị được mã hóa có sẵn cho trang nhận trong '

0'. Chẳng hạn, đối với trang này, giá trị của '

0' là

''

Phần này sẽ trống khi bạn truy cập hoặc xem trang này lần đầu tiên, nhưng sẽ chứa một số văn bản khi bạn thử các ví dụ sau trên trang này

Như một ví dụ đơn giản đầu tiên, hộp bên dưới được tạo bằng cách sử dụng mã biểu mẫu được hiển thị ở đầu trang này

Hãy thử nhập nội dung nào đó và nhấn Return

Hai điều cần nhớ khi thao tác '

0'

1. Biểu mẫu gửi sẽ thay thế bất kỳ dấu cách nào bằng dấu '+', vì vậy bạn sẽ cần thực hiện thay thế ngược lại
2. Biểu mẫu gửi sẽ sử dụng 'escape' trên các giá trị tham số, do đó bạn phải sử dụng 'unescape' để quay lại chuỗi gốc

Mặc dù bạn có thể thao tác trực tiếp với '

0' và trích xuất dữ liệu bạn cần từ nó, nhưng có lẽ sẽ thuận tiện hơn nếu bạn viết cho mình một hàm để thực hiện điều đó bao gồm các quy tắc trên. Sau đây là một gợi ý được sử dụng trên trang web này

So sánh việc sử dụng chức năng này với nội dung của '

0'

vị trí. search=''GetParam['Cái gì đó']=''

sử dụng khác

Ví dụ trên sử dụng biểu mẫu, nhưng cơ chế tương tự có thể được sử dụng để truyền dữ liệu mà không cần sử dụng biểu mẫu. Điều duy nhất cần nhớ là sử dụng chức năng 'Escape' để mã hóa giá trị dữ liệu của bạn. Ví dụ

Làm cách nào để chuyển giá trị từ trang này sang trang khác trong HTML bằng JavaScript?

Làm cách nào để chuyển giá trị đầu vào từ trang HTML này sang trang khác?

Làm cách nào để chuyển một đối tượng từ trang này sang trang khác trong JavaScript?

Làm cách nào để lấy dữ liệu từ trang HTML bằng JavaScript?