카테고리 없음

[javascript] URL, search, searchParams

냐옴 2023. 2. 3. 16:16

 

let url = new URL('http://localhost:3000/api/v1/users/123/data?page=1&size=10');

url.origin          // http://localhost:3000
url.protocol        // http:
url.hostname        // localhost
url.port            // 3000
url.host            // localhost:3000
url.pathname        // /api/v1/users/123/data
url.search          // ?page=1&size=10
url.searchParams    // URLSearchParams {}

// 파라미터 출력
url.searchParams.get('page');
url.searchParams.get('size');

// 파라미터 셋팅
url.searchParams.set('page', 3);
url.searchParams.set('size', 15);

url.origin + url.pathname + url.search
// http://localhost:3000/api/v1/users/123/data?page=3&size=15