Hướng dẫn how do you pass multiple parameters in html? - làm thế nào để bạn chuyển nhiều tham số trong html?

Tôi thấy bạn đang gặp vấn đề với các liên kết chia sẻ xã hội. Tôi đã có một vấn đề tương tự tại một số điểm và tìm thấy câu hỏi này, nhưng tôi không thấy một câu trả lời hoàn chỉnh cho nó. Tôi hy vọng độ phân giải JavaScript của tôi từ bên dưới sẽ giúp:

Tôi đã có các liên kết chia sẻ mặc định cần được sửa đổi để URL được chia sẻ sẽ có các tham số UTM bổ sung được kết hợp.

Ví dụ của tôi sẽ dành cho liên kết chia sẻ xã hội Facebook, nhưng nó hoạt động cho tất cả các liên kết mạng chia sẻ xã hội có thể có:

URL cần được chia sẻ là:

https://mywebsitesite.com/blog/post-name

Liên kết chia sẻ mặc định trông giống như:

$facebook_default = "https://www.facebook.com/sharer.php?u=https%3A%2F%2mywebsitesite.com%2Fblog%2Fpost-name%2F&t=hello"

Lần đầu tiên tôi giải mã nó:

console.log( decodeURIComponent($facebook_default) );
=>
https://www.facebook.com/sharer.php?u=https://mywebsitesite.com/blog/post-name/&t=hello

Sau đó, tôi đã thay thế URL bằng URL mới được mã hóa (bằng các tham số UTM được nối):

console.log( decodeURIComponent($facebook_default).replace( window.location.href, encodeURIComponent(window.location.href+'?utm_medium=social&utm_source=facebook')) );

=>

https://www.facebook.com/sharer.php?u=https%3A%2F%mywebsitesite.com%2Fblog%2Fpost-name%2F%3Futm_medium%3Dsocial%26utm_source%3Dfacebook&t=2018

Đó là nó!

Giải pháp hoàn chỉnh:

$ facebook_default = $ ('a.facebook_default_link'). attr ('href');

$ ('a.facebook_default_link').

Bỏ qua nội dung chính

Trình duyệt này không còn được hỗ trợ.

Nâng cấp lên Microsoft Edge để tận dụng các tính năng mới nhất, cập nhật bảo mật và hỗ trợ kỹ thuật.

Trong "Giải pháp thám hiểm" ..

  • Mở rộng thư mục "lượt xem" ..
  • Chọn "Trang chủ" -> "INDEX. CSHTML". Thêm mã sau: @{Viewbag. Title = "index"; } Truyền nhiều tham số trong url @Using (html. BeginForm ("index", "home")) {
  • Mẫu: Chuyển nhiều giá trị cho tài nguyên web thông qua tham số dữ liệu

Bài báo

09/20/2022

Trang ở đây đại diện cho một kỹ thuật để truyền các giá trị bổ sung trong một tham số và sau đó xử lý chúng trong tài nguyên web của bạn.

Mẫu tài nguyên web HTML

Mã HTML bên dưới đại diện cho tài nguyên web trang web (HTML) bao gồm một tập lệnh xác định ba chức năng:

  • GetDataparam: Được gọi từ sự kiện body.onload, chức năng này truy xuất bất kỳ tham số chuỗi truy vấn nào được truyền đến trang và định vị một tên có tên data.: Called from the body.onload event, this function retrieves any query string parameters passed to the page and locates one named data.

  • Parsedatavalue: Nhận tham số dữ liệu từ getDataParam và xây dựng bảng DHTML để hiển thị bất kỳ giá trị nào được truyền trong tham số data.: Receives the data parameter from getDataParam and builds a DHTML table to display any values passed within the data parameter.

  • Noparams: Hiển thị thông báo khi không có tham số nào được chuyển đến trang.: Displays a message when no parameters are passed to the page.

  
  
  
 Show Data Parameters Page  
   
   
  
  
  
  
  

Sử dụng trang này

  1. Tạo một tài nguyên web webpage có tên là "New_/showdataparams.htm" bằng mã mẫu.

    Các tham số bạn muốn vượt qua là:

    $facebook_default = "https://www.facebook.com/sharer.php?u=https%3A%2F%2mywebsitesite.com%2Fblog%2Fpost-name%2F&t=hello"
    
    1

    Ghi chú

    Nếu bạn thêm các tham số tĩnh bằng hộp thoại Thuộc tính tài nguyên web từ Trình chỉnh sửa biểu mẫu, bạn chỉ cần dán các tham số mà không cần mã hóa chúng vào cột tham số tùy chỉnh (dữ liệu). Các giá trị này sẽ được mã hóa cho bạn, nhưng bạn vẫn cần giải mã chúng và trích xuất các giá trị trong trang của bạn.Custom Parameter(data) column. These values will be encoded for you, but you’ll still need to decode them and extract the values in your page.

  2. Đối với các giá trị động được tạo trong mã, hãy sử dụng phương thức

    $facebook_default = "https://www.facebook.com/sharer.php?u=https%3A%2F%2mywebsitesite.com%2Fblog%2Fpost-name%2F&t=hello"
    
    2 trên các tham số. Các giá trị được mã hóa phải là:

    $facebook_default = "https://www.facebook.com/sharer.php?u=https%3A%2F%2mywebsitesite.com%2Fblog%2Fpost-name%2F&t=hello"
    
    3

    Mở trang chuyển các tham số được mã hóa làm giá trị của tham số dữ liệu:

    https:///WebResources/new_/ShowDataParams.htm?data=first%3DFirst%20Value%26second%3DSecond%20Value%26third%3DThird%20Value  
    

    Ghi chú

    Nếu bạn thêm các tham số tĩnh bằng hộp thoại Thuộc tính tài nguyên web từ Trình chỉnh sửa biểu mẫu, bạn chỉ cần dán các tham số mà không cần mã hóa chúng vào cột tham số tùy chỉnh (dữ liệu). Các giá trị này sẽ được mã hóa cho bạn, nhưng bạn vẫn cần giải mã chúng và trích xuất các giá trị trong trang của bạn.Custom Parameters(data) column, you can just preview the form.

  3. Đối với các giá trị động được tạo trong mã, hãy sử dụng phương thức

    $facebook_default = "https://www.facebook.com/sharer.php?u=https%3A%2F%2mywebsitesite.com%2Fblog%2Fpost-name%2F&t=hello"
    
    2 trên các tham số. Các giá trị được mã hóa phải là:

    Mở trang chuyển các tham số được mã hóa làm giá trị của tham số dữ liệu:Nếu bạn đã thêm tài nguyên web vào một biểu mẫu và đã dán các tham số không được mã hóa vào cột tham số (dữ liệu) tùy chỉnh, bạn chỉ có thể xem trước biểu mẫu.
    $facebook_default = "https://www.facebook.com/sharer.php?u=https%3A%2F%2mywebsitesite.com%2Fblog%2Fpost-name%2F&t=hello"
    
    4 sẽ hiển thị một bảng được tạo động:
    Tham số
    Giá trịĐầu tiên
    Giá trị đầu tiênthứ hai

Giá trị thứ hai

ngày thứ ba

Giá trị thứ ba

Làm thế nào nó hoạt động

Để truy cập các giá trị được nhúng trong giá trị tham số chuỗi truy vấn dữ liệu, trong tài nguyên web web của bạn, bạn có thể trích xuất giá trị của tham số dữ liệu và sau đó sử dụng mã để chia chuỗi thành một mảng để bạn có thể truy cập từng cặp giá trị tên.

Khi trang tải chức năng getDataParam được gọi. Hàm này chỉ cần xác định tham số dữ liệu và chuyển giá trị cho hàm

$facebook_default = "https://www.facebook.com/sharer.php?u=https%3A%2F%2mywebsitesite.com%2Fblog%2Fpost-name%2F&t=hello"
6. Nếu không tìm thấy tham số dữ liệu nào, hàm
$facebook_default = "https://www.facebook.com/sharer.php?u=https%3A%2F%2mywebsitesite.com%2Fblog%2Fpost-name%2F&t=hello"
7 sẽ thêm thông báo vào trang thay cho bảng.
Sample: Import Files as Web Resources
Web Page (HTML) Web Resources

Hàm $facebook_default = "https://www.facebook.com/sharer.php?u=https%3A%2F%2mywebsitesite.com%2Fblog%2Fpost-name%2F&t=hello" 6 sử dụng logic tương tự được tìm thấy trong getDataParam để định vị các trình phân cách tham số tùy chỉnh để tạo một mảng các cặp giá trị tên. Sau đó, nó tạo ra một bảng và nối nó vào tài liệu trống khác.

Xem thêm

Làm thế nào để bạn vượt qua nhiều giá trị trong HTML?

Một trang tài nguyên web (HTML) chỉ có thể chấp nhận một tham số tùy chỉnh được gọi là dữ liệu. Để chuyển nhiều hơn một giá trị trong tham số dữ liệu, bạn cần mã hóa các tham số và giải mã các tham số trong trang của bạn.encode the parameters and decode the parameters in your page.

Làm thế nào để bạn vượt qua nhiều tham số?

Để vượt qua nhiều tham số, chúng tôi sẽ sử dụng biểu tượng của & và để tách các kết hợp trường và giá trị khác. Trên nút Nhấp (từ mã phía sau), chuyển hướng sang một trang khác với hai tham số truy vấn. Bây giờ ví dụ này có hai tham số hoặc biến.use “&” symbol to separate the other field and value combinations. On button click (from code behind), redirect to another page with two QueryString parameters. Now this example has two parameters or variables.

Làm cách nào để đặt nhiều tham số vào URL?

Để thêm một tham số vào URL, thêm A /# /?đến cuối, theo sau là tên tham số, một dấu bằng (=) và giá trị của tham số.Bạn có thể thêm nhiều tham số bằng cách bao gồm một ampersand (&) giữa mỗi tham số.including an ampersand (&) between each one.

Làm cách nào để vượt qua nhiều tham số trong dịch vụ web?

Vượt qua nhiều tham số trong URL trong API Web..
Trong "Giải pháp thám hiểm" ..
Mở rộng thư mục "lượt xem" ..
Chọn "Trang chủ" -> "INDEX. CSHTML".Thêm mã sau: @{Viewbag.Title = "index";} Truyền nhiều tham số trong url @Using (html. BeginForm ("index", "home")) {