Hướng dẫn javascript build url from object - javascript xây dựng url từ đối tượng
Lớp URL tích hợp cung cấp giao diện thuận tiện để tạo và phân tích các URL. Show Không có phương pháp kết nối mạng đòi hỏi chính xác đối tượng 2, chuỗi là đủ tốt. Vì vậy, về mặt kỹ thuật, chúng tôi không thể sử dụng 2. Nhưng đôi khi nó có thể thực sự hữu ích.Tạo một URLCú pháp để tạo một đối tượng 2 mới:
Ví dụ:
Hai URL này giống nhau:
Chúng ta có thể dễ dàng tạo một URL mới dựa trên đường dẫn so với URL hiện có:
Đối tượng 2 ngay lập tức cho phép chúng tôi truy cập các thành phần của nó, vì vậy, đó là một cách hay để phân tích URL, ví dụ:
Tại đây, các thành phần gian lận cho các thành phần URL:
Chúng ta có thể chuyển các đối tượng Chúng ta có thể sử dụng đối tượng 2 trong 3 hoặc 4, hầu như mọi nơi có chuỗi URL được mong đợi.Nói chung, đối tượng 2 có thể được chuyển đến bất kỳ phương thức nào thay vì chuỗi, vì hầu hết các phương thức sẽ thực hiện chuyển đổi chuỗi, biến đối tượng 2 thành một chuỗi có URL đầy đủ.SearchParams?Ví dụ, hãy nói rằng chúng tôi muốn tạo một URL với các thông số tìm kiếm đã cho, ví dụ, 7.Chúng tôi có thể cung cấp chúng trong chuỗi URL:
Nhưng các tham số cần được mã hóa nếu chúng chứa khoảng trắng, các chữ cái không latin, v.v. (thêm về điều đó bên dưới). Vì vậy, có một thuộc tính URL cho điều đó: 8, một đối tượng của loại URLSearchParams.Nó cung cấp các phương thức thuận tiện cho các tham số tìm kiếm:
Một ví dụ với các tham số chứa khoảng trắng và dấu chấm câu:
Mã hóaCó một RFC3986 tiêu chuẩn xác định các ký tự nào được phép trong URL và loại nào không. Những thứ không được phép, phải được mã hóa, ví dụ như các chữ cái và không gian không latin-được thay thế bằng mã UTF-8 của chúng, được đặt trước bởi 3, chẳng hạn như 4 (một không gian có thể được mã hóa bởi 5, vì lý do lịch sử, nhưng đó là một không gian ngoại lệ).Tin tốt là các đối tượng 2 tự động xử lý tất cả. Chúng tôi chỉ cung cấp tất cả các tham số không được mã hóa, sau đó chuyển đổi 2 thành chuỗi:
Như bạn có thể thấy, cả 8 trong đường dẫn URL và 9 trong tham số được mã hóa.URL trở nên dài hơn, bởi vì mỗi chữ cái cyrillic được đại diện với hai byte trong UTF-8, do đó có hai thực thể 0.Chuỗi mã hóaVào thời xưa, trước khi các đối tượng 2 xuất hiện, mọi người đã sử dụng các chuỗi cho URL.Đến bây giờ, các đối tượng 2 thường thuận tiện hơn, nhưng các chuỗi vẫn có thể được sử dụng. Trong nhiều trường hợp sử dụng một chuỗi làm cho mã ngắn hơn.Nếu chúng ta sử dụng một chuỗi mặc dù, chúng ta cần mã hóa/giải mã các ký tự đặc biệt theo cách thủ công. Có các chức năng tích hợp cho điều đó:
Một câu hỏi tự nhiên là: Những gì mà sự khác biệt giữa 3 và 4? Khi nào chúng ta nên sử dụng? ”Điều đó dễ hiểu nếu chúng ta nhìn vào URL, mà chia thành các thành phần trong hình trên:
Như chúng ta có thể thấy, các ký tự như 3, 5, 7, 8, 7 được cho phép trong URL.Mặt khác, nếu chúng ta nhìn vào một thành phần URL duy nhất, chẳng hạn như tham số tìm kiếm, các ký tự này phải được mã hóa, không phá vỡ định dạng.
Vì vậy, đối với toàn bộ URL, chúng ta có thể sử dụng 4:
Thay vào đó, trong khi đối với các tham số URL, chúng ta nên sử dụng 3 thay thế: thay vào đó:
So sánh nó với 4: 0Như chúng ta có thể thấy, 4 không mã hóa 8, vì đây là một ký tự hợp pháp trong toàn bộ URL.Nhưng chúng ta nên mã hóa 8 bên trong tham số tìm kiếm, nếu không, chúng ta sẽ nhận được 9 - đó thực sự là 0 cộng với một số tham số tối nghĩa 1. Không như dự định.Vì vậy, chúng ta chỉ nên sử dụng 3 cho mỗi tham số tìm kiếm, để chèn chính xác nó vào chuỗi URL. Điều an toàn nhất là mã hóa cả tên và giá trị, trừ khi chúng tôi hoàn toàn chắc chắn rằng nó chỉ cho phép các ký tự.Sự khác biệt mã hóa so với Các lớp URL và URLSearchParams dựa trên đặc tả URI mới nhất: RFC3986, trong khi các chức năng 4 dựa trên phiên bản lỗi thời RFC2396.Có một vài sự khác biệt, ví dụ: Địa chỉ IPv6 được mã hóa khác nhau: 1Như chúng ta có thể thấy, 4 đã thay thế dấu ngoặc vuông 6, điều đó không chính xác, lý do là: URL IPv6 không tồn tại tại thời điểm RFC2396 (tháng 8 năm 1998).Những trường hợp như vậy là rất hiếm, các chức năng 4 hoạt động tốt hầu hết thời gian.
Làm thế nào để bạn tạo một URL trong JavaScript?Cú pháp để tạo một đối tượng URL mới:.. URL mới (url, [cơ sở]). Đặt url = url mới ('https://javascript.info/profile/admin') ;. URL mới ('https://google.com/search? Truy vấn = javaScript'). Một cách để xây dựng một URL với một số tham số truy vấn là gì?Cách xây dựng một URL và các tham số tìm kiếm của nó với JavaScript.. const myurl = url mới ("https://www.valentinog.com");.... const myurl = url mới ("www.valentinog.com");// typeerror: www.valentinog.com không phải là một URL hợp lệ..... const otherUrl = url mới ("https: // w");.... const khácBảng điều khiển .. Tôi có thể sử dụng url createdObjecturl không?DEPENTATED. Không được sử dụng trong các trang web mới. Not for use in new websites.
URL đối tượng là gì?URL đối tượng là các URL trỏ đến các tệp trên đĩa.Ví dụ, giả sử rằng bạn muốn hiển thị hình ảnh từ hệ thống người dùng trên trang web.URLs that point to files on disk. Suppose, for example, that you want to display an image from the user's system on a web page. |