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ụ

https://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'




    "POST" action=____10
    https://www.xul.fr/demo.html?login="me"&password="1234"
    1

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____13
    https://www.xul.fr/demo.html?login="me"&password="1234"
    4

    https://www.xul.fr/demo.html?login="me"&password="1234"
    501
    https://www.xul.fr/demo.html?login="me"&password="1234"
    1

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____74

    5

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____77____14

    https://www.xul.fr/demo.html?login="me"&password="1234"
    50"POST"1
    https://www.xul.fr/demo.html?login="me"&password="1234"
    1

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____74

    5

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____87"POST"8

    https://www.xul.fr/demo.html?login="me"&password="1234"
    50action=1
    https://www.xul.fr/demo.html?login="me"&password="1234"
    1

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____74

    5

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2action=7action=8 action=9
    https://www.xul.fr/demo.html?login="me"&password="1234"
    00
    https://www.xul.fr/demo.html?login="me"&password="1234"
    1

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

  • đầu ra. Nó sẽ mở biểu mẫu của bạn như thế này, thông tin được hỏi sẽ được chuyển đến trang PHP được liên kết với biểu mẫu (action=”form2. php”) bằng cách sử dụng phương thức POST. Trong bước tiếp theo, thông tin đã gửi sẽ được lưu trữ trong mảng phiên
    Làm cách nào để bạn chuyển một biến sang một trang khác trong javascript?
  • mã 2. Lặp lại quá trình lưu tệp như đã giải thích ở trên. Sử dụng tên tệp 'form2. php'. Khi nào bạn sẽ nhấp vào 'Tiếp theo' trên biểu mẫu1. trang php. Trang này sẽ hỏi tên trường đại học/công ty, thành phố, tiểu bang mà người dùng đang ở và khóa học mà người đó đăng ký




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

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

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

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

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

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

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

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

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

    https://www.xul.fr/demo.html?login="me"&password="1234"
    12
    https://www.xul.fr/demo.html?login="me"&password="1234"
    13
    https://www.xul.fr/demo.html?login="me"&password="1234"
    14
    https://www.xul.fr/demo.html?login="me"&password="1234"
    15
    https://www.xul.fr/demo.html?login="me"&password="1234"
    16
    https://www.xul.fr/demo.html?login="me"&password="1234"
    13
    https://www.xul.fr/demo.html?login="me"&password="1234"
    18
    https://www.xul.fr/demo.html?login="me"&password="1234"
    19

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

    https://www.xul.fr/demo.html?login="me"&password="1234"
    12
    https://www.xul.fr/demo.html?login="me"&password="1234"
    13
    https://www.xul.fr/demo.html?login="me"&password="1234"
    23
    https://www.xul.fr/demo.html?login="me"&password="1234"
    24

    https://www.xul.fr/demo.html?login="me"&password="1234"
    5
    https://www.xul.fr/demo.html?login="me"&password="1234"
    26______116
    https://www.xul.fr/demo.html?login="me"&password="1234"
    13
    https://www.xul.fr/demo.html?login="me"&password="1234"
    29
    https://www.xul.fr/demo.html?login="me"&password="1234"
    19

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

    https://www.xul.fr/demo.html?login="me"&password="1234"
    12
    https://www.xul.fr/demo.html?login="me"&password="1234"
    13
    https://www.xul.fr/demo.html?login="me"&password="1234"
    34
    https://www.xul.fr/demo.html?login="me"&password="1234"
    24

    https://www.xul.fr/demo.html?login="me"&password="1234"
    5
    https://www.xul.fr/demo.html?login="me"&password="1234"
    26______116
    https://www.xul.fr/demo.html?login="me"&password="1234"
    13
    https://www.xul.fr/demo.html?login="me"&password="1234"
    40
    https://www.xul.fr/demo.html?login="me"&password="1234"
    19

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

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

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

    https://www.xul.fr/demo.html?login="me"&password="1234"
    45
    https://www.xul.fr/demo.html?login="me"&password="1234"
    46
    https://www.xul.fr/demo.html?login="me"&password="1234"
    47

    "POST" action=____151

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

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

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____155

    https://www.xul.fr/demo.html?login="me"&password="1234"
    5
    https://www.xul.fr/demo.html?login="me"&password="1234"
    57

    https://www.xul.fr/demo.html?login="me"&password="1234"
    5action=7
    https://www.xul.fr/demo.html?login="me"&password="1234"
    4 002
    https://www.xul.fr/demo.html?login="me"&password="1234"
    1

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____74

    5

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____155

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

    https://www.xul.fr/demo.html?login="me"&password="1234"
    5action=7
    https://www.xul.fr/demo.html?login="me"&password="1234"
    4 015
    https://www.xul.fr/demo.html?login="me"&password="1234"
    1

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____74

    5

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____155

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

    https://www.xul.fr/demo.html?login="me"&password="1234"
    5action=7
    https://www.xul.fr/demo.html?login="me"&password="1234"
    4 028
    https://www.xul.fr/demo.html?login="me"&password="1234"
    1

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____74

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

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____155

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

    https://www.xul.fr/demo.html?login="me"&password="1234"
    5action=739 041

    42action=9______74445

    46

    https://www.xul.fr/demo.html?login="me"&password="1234"
    5action=739 041

    42action=9______754

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

    4257

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____74

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

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____155

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

    https://www.xul.fr/demo.html?login="me"&password="1234"
    56667
    https://www.xul.fr/demo.html?login="me"&password="1234"
    1

    697071

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

    427475 76

    6978

    79

    697082

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

    4285

    6978

    79

    697091

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

    4294

    6978

    79

    6970"POST"00

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

    42"POST"03

    6978

    https://www.xul.fr/demo.html?login="me"&password="1234"
    5"POST"07

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____74

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____811

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

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____155

    https://www.xul.fr/demo.html?login="me"&password="1234"
    5action=7"POST"17

    690____820"POST"21

    69"POST"2375 "POST"25

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____74

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____811

    5

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2_______97action=8 action=9"POST"35
    https://www.xul.fr/demo.html?login="me"&password="1234"
    1

    "POST"37

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

  • đầu ra. Nó sẽ được chuyển hướng bạn đến trang này, nó sẽ giống như thế này
    Làm cách nào để bạn chuyển một biến sang một trang khác trong javascript?
  • mã 3. Trong bước này, chúng tôi sẽ trích xuất thông tin từ mảng phiên và lưu trữ thông tin đó trên Cơ sở dữ liệu MySQL của chúng tôi. Tạo một tệp thứ ba có tên 'form3. php’ và viết mã sau vào phần CƠ THỂ và áp dụng các thẻ HTML cần thiết




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

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____841

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____106

    5

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____846

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____848 "POST"49

    "POST"50"POST"51

    "POST"50"POST"53

    "POST"50"POST"55

    "POST"50"POST"57

    "POST"50"POST"59

    "POST"50"POST"61

    "POST"50"POST"63

    "POST"50"POST"65

    "POST"50"POST"67

    "POST"50"POST"69

    "POST"50"POST"71____872

    "POST"50"POST"74"POST"75

    "POST"50"POST"77____875

    "POST"50"POST"80"POST"75

    "POST"50"POST"83"POST"75

    "POST"50"POST"86"POST"75

    "POST"50"POST"89"POST"75

    "POST"50"POST"92____875

    "POST"50"POST"95

    "POST"50"POST"97

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

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2action=00

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____902____848action=04

    https://www.xul.fr/demo.html?login="me"&password="1234"
    2____143

    action=07

  • đầu ra. Khi nhấp vào Đăng ký ở trang 2, nó sẽ chuyển hướng bạn đến trang này, nơi dữ liệu của bạn sẽ được gửi vào cơ sở dữ liệu. Là điều kiện tiên quyết, bạn phải liên kết trang của mình với cơ sở dữ liệu MySQL. Đối với điều đó, bạn có thể tham khảo này
    Làm cách nào để bạn chuyển một biến sang một trang khác trong javascript?

Phần kết luận. Phiên có thể được sử dụng để giữ cho dữ liệu biểu mẫu hoạt động cho đến khi đóng trình duyệt hoặc trang web bị bỏ lại. Xin lưu ý rằng trong khi viết truy vấn cuối cùng, chúng tôi đã sử dụng dữ liệu từ mảng $_SESSION và cả dữ liệu từ mảng $_POST, được đăng từ bước cuối cùng của biểu mẫu

PHP là ngôn ngữ kịch bản phía máy chủ được thiết kế dành riêng cho phát triển web. Bạn có thể học PHP từ đầu bằng cách làm theo Hướng dẫn PHP và Ví dụ về PHP này

Làm cách nào để chuyển giá trị biến trong JavaScript?

Truyền theo giá trị. Trong Truyền theo giá trị, hàm được gọi bằng cách truyền trực tiếp giá trị của biến làm đối số . Vì vậy, mọi thay đổi được thực hiện bên trong hàm không ảnh hưởng đến giá trị ban đầu. Trong Truyền theo giá trị, các tham số được truyền dưới dạng đối số tạo bản sao của chính nó.

Tôi có thể chuyển một biến JavaScript sang một cửa sổ trình duyệt khác không?

Tôi có thể chuyển một biến JavaScript sang một cửa sổ trình duyệt khác không? . Bánh quy. can be easily done via: Cookies. LocalStorage .

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

Có thể truyền giá trị biến giữa các trang bằng phương thức mô-đun. .
Cookie phiên
Lưu trữ cục bộ HTML5
POST biến trong url và truy xuất chúng trong phần tiếp theo. html thông qua đối tượng cửa sổ