Tham số URL hoặc tham số chuỗi truy vấn được sử dụng để gửi một đoạn dữ liệu từ máy khách đến máy chủ thông qua một URL. Chúng có thể chứa thông tin như truy vấn tìm kiếm, giới thiệu liên kết, tùy chọn người dùng, v.v.
JavaScript có một URL lớp mặc định được sử dụng để xử lý mọi thứ về URL, bao gồm cả các tham số
Bạn có thể tạo một phiên bản URL từ bất kỳ chuỗi URL nào bạn muốn. Nếu bạn muốn truy cập URL của trang web hiện tại mà người dùng đang duyệt, bạn có thể sử dụng cửa sổ. địa điểm. toLocaleString[]. Nếu không, bạn có thể sử dụng bất cứ thứ gì như “https. //ví dụ. com/?product=trousers&color=black&newuser&size=s”
// using a custom URL string
const myUrl1 = new URL["//example.com/?product=trousers&color=black&newuser&size=s"];
// using the current page's URL
const myUrl2 = new URL[window.location.toLocaleString[]];
Khi bạn muốn truy cập các thông số của một phiên bản URL như myUrl, bạn có thể sử dụng myUrl. tìm kiếmParams. nhận[$PARAM_NAME]. Xem ví dụ bên dưới
const urlParams = URL mới["https. //ví dụ. com/?product=trousers&color=black&newuser&size=s"]. tham số tìm kiếm; . get['sản phẩm']; . nhật ký [sản phẩm]; . bảng điều khiển get['color']. nhật ký [màu]; . bảng điều khiển get['newuser']. nhật ký [người dùng mới]; . get['kích thước']; . nhật ký [kích thước];
Nếu bạn muốn kiểm tra xem tham số đã cho có tồn tại hay không, hãy sử dụng. urlParams. có[]
const urlParams = new URLSearchParams["https. //ví dụ. com/?product=trousers&color=black&newuser&size=s"]; bảng điều khiển. nhật ký [urlParams. has['size']]; . nhật ký [urlParams. has['phương thức thanh toán']];
Đôi khi nhiều giá trị được đặt cho một tham số cụ thể. Tình huống này phổ biến khi khách hàng muốn gửi một mảng. Vì các mảng không được hỗ trợ trực tiếp trong các tham số truy vấn nên cách duy nhất là đặt nhiều giá trị cho một tên tham số, chẳng hạn như "https. //ví dụ. com/?products=quần&products=shirt". Để truy cập tất cả các giá trị được đặt cho một tên truy vấn cụ thể, chúng tôi sử dụng phương thức getAll[]
const urlParams1 = URL mới["https. //ví dụ. com/?product=trousers&color=black&newuser&size=s"]. tham số tìm kiếm; . nhật ký [urlParams1. getAll['màu']]; . //ví dụ. com/?products=trousers&products=shirt"]. tham số tìm kiếm; . nhật ký [urlParams2. getAll['sản phẩm']];
Trong bài viết này, chúng ta sẽ tìm hiểu cách lấy các tham số URL trong Javascript, cùng với việc tìm hiểu cách triển khai chúng thông qua các ví dụ
Để lấy thông số URL, có 2 cách
- Bằng cách sử dụng Đối tượng URLSearchParams
- Bằng cách sử dụng Tách và truy cập từng cặp tham số
Phương pháp 1. Sử dụng đối tượng URLSearchParams
URLSearchParams là một giao diện được sử dụng để cung cấp các phương thức có thể được sử dụng để làm việc với một URL. Đầu tiên, chuỗi URL được tách ra để chỉ lấy phần tham số của URL. Phương thức split[] được sử dụng trên URL đã cho với dấu “?” . Nó sẽ tách chuỗi thành 2 phần. Phần thứ hai được chọn chỉ với các tham số. Sau đó, nó được chuyển đến hàm tạo URLSearchParams
Phương thức entry[] của đối tượng này trả về một trình vòng lặp với các cặp khóa/giá trị. Sau đó, phần quan trọng của cặp có thể được truy xuất bằng cách truy cập vào chỉ mục đầu tiên của cặp và giá trị có thể được truy xuất bằng cách truy cập vào chỉ mục thứ hai. Điều này có thể được sử dụng để lấy tất cả các tham số trong URL có thể được sử dụng theo yêu cầu
cú pháp
let paramString = urlString.split['?'][1]; let queryString = new URLSearchParams[paramString]; for [let pair of queryString.entries[]] { console.log["Key is: " + pair[0]]; console.log["Value is: " + pair[1]]; }
Ví dụ. Ví dụ này minh họa việc sử dụng Đối tượng URLSearchParams để lấy tham số URL
HTML
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }5
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }6
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }7____28
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }9
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }6
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }1
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }8
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }0______26______22
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }3
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }2
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }8
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }6
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }1
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }8
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }9
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }6
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }51____28
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }0______26______255
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }56
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }57
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }58
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }8
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }60
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }61
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }0____26____255
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }65
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }0
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }6____268
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }8
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }60
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }71
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }60
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }73
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }0
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }6____268
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }8
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }0
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }6____280
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }81
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }82
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }0
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }6____280
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }8
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }9
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }0______26____280
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }91
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }80
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }8
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }9
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }0______26
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }97
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }98
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }57
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }60
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }61
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }97
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }8
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }0
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }6______266
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }8
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }0
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }69
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }60
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }11
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }12
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }60
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }14
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }60
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }16
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }60
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }18
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }19
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }80
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }19
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }82
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }60
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }84
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }0
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }84
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }0
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }6______266
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }8
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }6
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }51____28
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }9
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }6
let paramString = urlString.split['?'][1]; let params_arr = paramString.split['&']; for [let i = 0; i < params_arr.length; i++] { let pair = params_arr[i].split['=']; console.log["Key is:", pair[0]]; console.log["Value is:", pair[1]]; }7____28
đầu ra
các mục [] Phương thức
Phương pháp 2. Tách và truy cập từng cặp tham số
Đầu tiên, chuỗi truy vấn được tách ra để chỉ lấy phần tham số của chuỗi. Phương thức split[] được sử dụng trên URL đã cho với dấu “?” . Điều này sẽ tách URL thành 2 phần và phần thứ hai được chọn chỉ với các tham số. Chuỗi này được tách thành các tham số bằng cách sử dụng lại phương thức split[] với “&” làm dấu phân cách. Điều này sẽ tách từng chuỗi tham số thành một mảng
Mảng này được lặp qua từng khóa và giá trị được phân tách bằng cách phân tách bằng “=” làm dấu phân cách. Nó sẽ tách các cặp thành một mảng. Phần quan trọng của cặp có thể được truy xuất bằng cách truy cập vào chỉ mục đầu tiên của cặp và giá trị có thể được truy xuất bằng cách truy cập vào chỉ mục thứ hai. Điều này có thể được sử dụng để lấy tất cả các tham số trong URL có thể được sử dụng theo yêu cầu