Hướng dẫn how do i transfer data between two pages in html? - làm cách nào để chuyển dữ liệu giữa hai trang trong html?

38

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi muốn gửi một số dữ liệu từ trang HTML này sang trang khác. Tôi đang gửi dữ liệu thông qua các tham số truy vấn như http://localhost/project/index.html?status=exist. Vấn đề với phương pháp này là dữ liệu vẫn còn trong URL. Có bất kỳ phương thức nào khác để gửi dữ liệu trên các trang HTML bằng JavaScript hoặc JQuery.

Isherwood

54,7K15 Huy hiệu vàng107 Huy hiệu bạc147 Huy hiệu đồng15 gold badges107 silver badges147 bronze badges

hỏi ngày 23 tháng 7 năm 2012 lúc 9:01Jul 23, 2012 at 9:01

Muhammad Usmanmuhammad UsmanMuhammad Usman

9,97822 Huy hiệu vàng71 Huy hiệu bạc106 Huy hiệu Đồng22 gold badges71 silver badges106 bronze badges

7

Tại sao bạn không lưu trữ các giá trị của mình trong các đối tượng lưu trữ HTML5 như sessionStorage hoặc localStorage, hãy truy cập tài liệu lưu trữ HTML5 để có thêm chi tiết. Sử dụng điều này, bạn có thể lưu trữ các giá trị trung gian tạm thời/vĩnh viễn cục bộ và sau đó truy cập các giá trị của bạn sau.

Để lưu trữ các giá trị cho một phiên:

sessionStorage.setItem('label', 'value')
sessionStorage.getItem('label')

hoặc vĩnh viễn hơn:

localStorage.setItem('label', 'value')
localStorage.getItem('label')

Vì vậy, bạn có thể lưu trữ (tạm thời) hình thành dữ liệu giữa nhiều trang bằng các đối tượng lưu trữ HTML5 mà bạn thậm chí có thể giữ lại sau khi tải lại ..

Đã trả lời ngày 23 tháng 7 năm 2012 lúc 9:06Jul 23, 2012 at 9:06

3

Tôi biết đây là một bài viết cũ, nhưng hình dung tôi sẽ chia sẻ hai xu của mình. @Neji là chính xác ở chỗ bạn có thể sử dụng sessionStorage.getItem('label') và

localStorage.setItem('label', 'value')
localStorage.getItem('label')

localStorage.setItem('label', 'value')
localStorage.getItem('label')

var val = sessionStorage.myValue

thay cho

localStorage.setItem('label', 'value')
localStorage.getItem('label')

sessionStorage.myValue = 'value'

thay cho

localStorage.setItem('label', 'value')
localStorage.getItem('label')

Ngoài ra, cần lưu ý rằng để lưu trữ các đối tượng JavaScript, chúng phải được xâu chuỗi để đặt chúng và phân tích cú pháp để có được chúng, như vậy:

sessionStorage.myObject = JSON.stringify(myObject); //will set object to the stringified myObject
var myObject = JSON.parse(sessionStorage.myObject); //will parse JSON string back to object

Lý do là sessionStorage lưu trữ mọi thứ dưới dạng chuỗi, vì vậy nếu bạn chỉ nói

localStorage.setItem('label', 'value')
localStorage.getItem('label')

Đã trả lời ngày 6 tháng 2 năm 2014 lúc 19:10Feb 6, 2014 at 19:10

user2359695user2359695user2359695

7277 Huy hiệu bạc7 Huy hiệu đồng7 silver badges7 bronze badges

Có thể nếu bạn muốn chuyển dữ liệu để được JavaScript sử dụng thì bạn có thể sử dụng các thẻ băm như thế này

http://localhost/project/index.html#exist

Vì vậy, một lần khi bạn hoàn thành, hãy truy xuất dữ liệu hiển thị thông báo và thay đổi cửa sổ. Bệnh phân định. được gửi không thể được trả lại/đọc bởi máy chủ
NOTE: when you will use this instead ot query strings the data being sent cannot be retrived/read by the server

Đã trả lời ngày 23 tháng 7 năm 2012 lúc 9:05Jul 23, 2012 at 9:05

Parv Sharmaparv SharmaParv Sharma

12.4K4 Huy hiệu vàng47 Huy hiệu bạc80 Huy hiệu Đồng4 gold badges47 silver badges80 bronze badges

1

Chà, bạn thực sự có thể gửi dữ liệu qua JavaScript - nhưng bạn nên biết rằng đây là nguồn khai thác số 1 trong các trang web vì nó là XSS :)

Cá nhân tôi sẽ đề xuất sử dụng một hình thức HTML thay thế và sửa đổi dữ liệu JavaScript ở phía máy chủ.

Nhưng nếu bạn muốn chia sẻ giữa hai trang (tôi cho rằng chúng không phải là cả trên localhost, bởi vì điều đó sẽ không có ý nghĩa để chia sẻ giữa hai trang điều khiển cả hai hậu vệ), bạn sẽ cần chỉ định các tiêu đề CORS để cho phép trình duyệt Gửi dữ liệu đến các tên miền danh sách trắng.

Hai liên kết này có thể giúp bạn, nó hiển thị ví dụ thông qua phụ trợ nút, nhưng bạn nhận được điểm cách nó hoạt động:

Liên kết 1

Và, tất nhiên, CORS Spec:

Liên kết 2

~Cheers

Ông Alien

150K33 Huy hiệu vàng289 Huy hiệu bạc273 Huy hiệu Đồng33 gold badges289 silver badges273 bronze badges

Đã trả lời ngày 23 tháng 7 năm 2012 lúc 9:08Jul 23, 2012 at 9:08

Làm cách nào để di chuyển dữ liệu từ trang này sang trang khác trong HTML?

Làm cách nào để truyền dữ liệu giữa hai trang?

Làm thế nào bạn sẽ điều hướng giữa nhiều trang trong HTML?