Hướng dẫn how to display form data in another html page - cách hiển thị dữ liệu biểu mẫu trong một trang html khác

Tôi có hai trang HTML: Form.html và Display.html. Trong Form.html, có một biểu mẫu:

Dữ liệu biểu mẫu được gửi để hiển thị.html. Tôi muốn hiển thị và sử dụng dữ liệu biểu mẫu

    

        
The serial number is: 
    
    

    

        
The serial number is: 
    
    

Vậy làm thế nào tôi có thể chuyển biến

    

        
The serial number is: 
    
    

    

        
The serial number is: 
    
    

Simanacci

1.9893 huy hiệu vàng27 Huy hiệu bạc34 Huy hiệu đồng3 gold badges27 silver badges34 bronze badges

hỏi ngày 4 tháng 2 năm 2013 lúc 19:10Feb 4, 2013 at 19:10

5

Nếu bạn không có tùy chọn để sử dụng lập trình phía máy chủ, chẳng hạn như PHP, bạn có thể sử dụng chuỗi truy vấn hoặc nhận tham số.

Trong biểu mẫu, thêm thuộc tính

Khi họ gửi biểu mẫu này, người dùng sẽ được chuyển đến một địa chỉ bao gồm giá trị

    

        
The serial number is: 
    
    

http://www.example.com/display.html?serialNumber=XYZ

Sau đó, bạn có thể phân tích cú pháp chuỗi truy vấn - sẽ chứa giá trị tham số

    

        
The serial number is: 
    
    

// from display.html
document.getElementById("write").innerHTML = window.location.search; // you will have to parse
                                                                     // the query string to extract the
                                                                     // parameter you need

Xem thêm Chuỗi truy vấn JavaScript.

Thay thế là lưu trữ các giá trị trong cookie khi biểu mẫu được gửi và đọc chúng ra khỏi cookie một lần nữa khi tải trang

Xem thêm Cách sử dụng JavaScript để điền vào biểu mẫu trên trang khác.

Đã trả lời ngày 4 tháng 2 năm 2013 lúc 19:17Feb 4, 2013 at 19:17

12

Bạn cần nhận các giá trị từ chuỗi truy vấn (vì bạn không có bộ phương thức, bạn sử dụng Get theo mặc định)

Sử dụng hướng dẫn sau đây.

http://papermashup.com/read-url-get-variables-withjavascript/

function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = value;
    });
    return vars;
}

Đã trả lời ngày 4 tháng 2 năm 2013 lúc 19:20Feb 4, 2013 at 19:20

Joshua Woowardjoshua WoowardJoshua Wooward

1.4882 Huy hiệu vàng10 Huy hiệu bạc12 Huy hiệu đồng2 gold badges10 silver badges12 bronze badges

1

Một tùy chọn khác là sử dụng "LocalStorage". Bạn có thể dễ dàng yêu cầu giá trị với JavaScript trong một trang khác.

Trên trang đầu tiên, bạn sử dụng đoạn mã JavaScript sau để đặt LocalStorage:

Trên trang thứ hai, bạn có thể truy xuất giá trị với đoạn mã JavaScript sau:

Trên Google Chrome, bạn có thể làm vizualize các giá trị nhấn F12> Ứng dụng> Lưu trữ cục bộ.

Nguồn: https://www.w3schools.com/jsref/prop_win_localstorage.asp

Đã trả lời ngày 6 tháng 2 năm 2020 lúc 22:21Feb 6, 2020 at 22:21

Trong display.html, bạn nên thêm mã sau.

Đã trả lời ngày 1 tháng 9 năm 2018 lúc 12:46Sep 1, 2018 at 12:46

KalyankalyanKalyan

1721 Huy hiệu bạc13 Huy hiệu đồng1 silver badge13 bronze badges

Sử dụng JavaScript Pure rất dễ sử dụng lưu trữ cục bộ. Mẫu trang đầu tiên:
The first page form:

    

        
The serial number is: 
    
    

    

        
The serial number is: 
    
    

    

        
The serial number is: 
    
    

Đây là trang thứ hai:

    

        
The serial number is: 
    
    

    

        
The serial number is: 
    
    

Lưu ý quan trọng:

Xin đừng quên đặt tên "Action.html" cho tệp HTML thứ hai để hoạt động đúng mã. Tôi không thể sử dụng nhiều trang trong đoạn trích, đó là lý do tại sao nó không hoạt động ở đây thử trong trình duyệt trong trình soạn thảo của bạn, nơi nó chắc chắn sẽ hoạt động.

Đã trả lời ngày 18 tháng 7 năm 2020 lúc 9:40Jul 18, 2020 at 9:40

Bilalmohibbilalmohibbilalmohib

2703 Huy hiệu bạc14 Huy hiệu Đồng3 silver badges14 bronze badges

Sử dụng phương thức "Nhận" để gửi giá trị của một trường cụ thể thông qua trình duyệt:

Đã trả lời ngày 28 tháng 7 năm 2015 lúc 5:03Jul 28, 2015 at 5:03

Nếu tình huống của bạn được mô tả; Bạn phải gửi hành động đến một Servelet khác từ một biểu mẫu và bạn có hai nút gửi và bạn muốn gửi mỗi nút gửi đến các trang khác nhau, sau đó câu trả lời dễ nhất của bạn là ở đây.

Để gửi dữ liệu đến hai servels, hãy tạo một nút dưới dạng gửi và nút còn lại. đến các servelet khác nhau, sau đó viết một thẻ biểu mẫu khác sau lần đóng đầu tiên. Mẫu thứ hai. Sau đó, khi bạn nhấp vào Gửi nút, nó sẽ thực hiện hành động ở biểu mẫu đầu tiên, nếu bạn nhấp vào nút, nó sẽ gọi chức năng để gửi biểu mẫu thứ hai với hành động của nó. Bây giờ biểu mẫu thứ hai của bạn sẽ được gọi đến servlet thứ hai.

Tại đây bạn có thể gọi hai serveltes từ cùng một trang HTML hoặc JSP với một số mã hỗn hợp của JavaScript

Một ví dụ về hình thức ẩn thứ haiEXAMPLE of second hidden form

    

        
The serial number is: 
    
    

Sukima

9.8753 huy hiệu vàng44 Huy hiệu bạc60 Huy hiệu đồng3 gold badges44 silver badges60 bronze badges

Đã trả lời ngày 12 tháng 5 năm 2016 lúc 6:32May 12, 2016 at 6:32

CyberabhaycyberabhayCyberAbhay

4825 Huy hiệu bạc16 Huy hiệu Đồng5 silver badges16 bronze badges

    

        
The serial number is: 
    
    

Đã trả lời ngày 20 tháng 9 năm 2017 lúc 7:23Sep 20, 2017 at 7:23

1

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

Làm cách nào để hiển thị dữ liệu biểu mẫu trong HTML?

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

Làm cách nào để chuyển hộp văn bản đến một trang khác trong HTML?