Làm cách nào để bạn chuyển một biến sang một trang khác trong javascript?

Với mục đích này, một biểu mẫu được tạo có các giá trị sẽ được truyền tự động và trong trang đích, một tập lệnh sẽ truy xuất các giá trị đã gửi

Chúng ta đã thấy cách tạo biểu mẫu, chúng tôi sẽ trình bày chi tiết ở đây cách trích xuất dữ liệu được truyền

1] Hiểu định dạng tham số của URL

Ba ký hiệu được sử dụng để xác định một chuỗi tham số cần truyền

  ?   concatenates the URL and the string of parameters.
  &   separates multiple parameters.
  =   assigns a value to the variable.

Ví dụ

//www.xul.fr/demo.html?login="me"&password="1234"

Trong ví dụ này, chúng tôi có hai tham số, đăng nhập và mật khẩu, được gán giá trị "tôi" và "1234"

2] Các giá trị được gửi từ biểu mẫu đến máy chủ

Bạn không phải làm gì để gửi các giá trị. tất cả các biến và giá trị trong một biểu mẫu được gửi tự động cung cấp hành động của biểu mẫu là một trang để tải

Thuộc tính "tên" của mỗi mục biểu mẫu sẽ cung cấp tên của biến và thuộc tính "giá trị" giá trị của nó


...various widgets...

Xem tại nguồn của biểu mẫu ở dưới cùng

Phương thức GET nối thêm dữ liệu vào URL, trong khi phương thức POST sẽ truyền dữ liệu trực tiếp

Gửi dữ liệu không có biểu mẫu

Để chuyển tham số sang trang khác hoặc tập lệnh mà không hiển thị biểu mẫu [nhưng có thẻ biểu mẫu], chúng tôi sử dụng trường "ẩn"


  
  

Hình thức vô hình này sẽ chuyển sang trang khác. html tham số. tên biến đổi = 12345

3] Trích xuất dữ liệu nhận được từ URL trong trang

Địa điểm. thuộc tính tìm kiếm chứa chuỗi tham số, nó vẫn được phân tích

Đây là mã hoàn chỉnh để xử lý dữ liệu được gửi


Giải trình

  1. địa điểm. tìm kiếm là thuộc tính chứa danh sách các tham số
  2. substring[1] bỏ qua ?
  3. split["&"] tách chuỗi và trả về một mảng có các phần tử là tham số
  4. mảng này được gán cho biến "tham số". Bây giờ chúng ta có thể truy cập các phần tử riêng lẻ bằng cách đăng ký mảng. Tham số [0] là phần tử đầu tiên
  5. chúng ta phải chia lại tham số thành một mảng nhỏ khác chứa tên của biến và giá trị
  6. trong ví dụ này, chúng tôi chỉ cần giá trị, vì vậy chúng tôi đăng ký mảng nhỏ cho mục thứ hai, temp[1]
  7. hàm unescape chuyển đổi các ký tự đặc biệt
  8. chúng tôi đã gán biến l với giá trị đăng nhập và biến p với mật khẩu
  9. thông tin đăng nhập được ghi vào trường nhật ký nhờ phương thức getElementById
  10. và mật khẩu vào trường pass

4] Cập nhật trang với dữ liệu nhận được

Trong ví dụ này, tôi cho rằng chúng ta muốn ghi dữ liệu vào trang được tải với các tham số.
Biến đăng nhập đã được gán trong đoạn mã trước.
Hai trường đã được xác định trong trang.


Các trường được xác định bởi thuộc tính id. Để điền dữ liệu vào chúng, chúng ta phải sử dụng phương thức getElementById[""] của DOM và thuộc tính innerHTML

Biểu mẫu là một phần tử HTML được sử dụng để thu thập thông tin từ người dùng một cách tuần tự và có tổ chức. Thông tin này có thể được gửi đến các dịch vụ back-end nếu họ yêu cầu hoặc nó cũng có thể được lưu trữ trong cơ sở dữ liệu bằng DBMS như MySQL. Việc chia biểu mẫu thành nhiều bước hoặc nhiều trang cho phép xử lý dữ liệu và phân lớp thông tin tốt hơn. Điều này có thể đạt được bằng cách tạo phiên trình duyệt. Các phiên HTML là một tập hợp các biến có thể được sử dụng để duy trì trạng thái của các thuộc tính biểu mẫu trong khi người dùng chuyển đổi giữa các trang của miền hiện tại. Các mục phiên sẽ bị xóa ngay sau khi người dùng đóng trình duyệt hoặc rời khỏi trang web

cú pháp

Ví dụ. Ví dụ này sẽ minh họa các bước để tạo biểu mẫu ba trang bằng PHP và Phiên trình duyệt. Nó liên quan đến mẫu đăng ký của học viện huấn luyện. Trang đầu tiên của biểu mẫu sẽ yêu cầu người dùng nhập tên, email và số điện thoại di động của họ, những thông tin này sẽ được chuyển sang một trang PHP khác. Nơi thông tin sẽ được lưu trữ vào các thư mục phiên

  • mã 1. Khởi động máy chủ localhost của bạn như Apache, v.v. Hoàn thành việc viết các thẻ HTML và viết mã bên dưới vào phần CƠ THỂ. Lưu tệp với định dạng 'form1. php’ trong thư mục cục bộ của máy chủ cục bộ của bạn. Mở trình duyệt web của bạn và nhập địa chỉ máy chủ cục bộ của bạn, sau đó là ‘\form1. php'




Chủ Đề