js-apis-url.md 12.8 KB
Newer Older
Z
zengyawen 已提交
1
# URL字符串解析
Z
zengyawen 已提交
2

Z
zengyawen 已提交
3 4
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> 本模块首批接口从API version 7开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。
Z
zengyawen 已提交
5

Z
zengyawen 已提交
6 7

## 导入模块
Z
zengyawen 已提交
8 9 10 11 12

```
import Url from '@ohos.url' 
```

Z
zengyawen 已提交
13 14 15 16
## URLSearchParams


### constructor
Z
zengyawen 已提交
17

Z
zengyawen 已提交
18
constructor(init?: string[][] | Record<string, string> | string | URLSearchParams)
Z
zengyawen 已提交
19 20 21

URLSearchParams的构造函数。

Z
zengyawen 已提交
22 23
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
24 25 26 27 28
**参数:**

| 参数名 | 类型 | 必填 | 说明 |
| -------- | -------- | -------- | -------- |
| init | string[][]&nbsp;\|&nbsp;Record&lt;string,&nbsp;string&gt;&nbsp;\|&nbsp;string&nbsp;\|&nbsp;URLSearchParams | 否 | 入参对象。<br/>-&nbsp;string[][]:字符串二维数组<br/>-&nbsp;Record&lt;string,&nbsp;string&gt;:对象列表<br/>-&nbsp;string:字符串<br/>-&nbsp;URLSearchParams:对象 |
Z
zengyawen 已提交
29

Z
zengyawen 已提交
30 31
**示例:**

32
```js
33 34 35 36 37
let objectParams = new Url.URLSearchParams([ ['user1', 'abc1'], ['query2', 'first2'], ['query3', 'second3'] ]);
let objectParams1 = new Url.URLSearchParams({"fod" : '1' , "bard" : '2'});
let objectParams2 = new Url.URLSearchParams('?fod=1&bard=2');
let urlObject = new Url.URL('https://developer.mozilla.org/?fod=1&bard=2');
let params = new Url.URLSearchParams(urlObject.search);
Z
zengyawen 已提交
38
```
Z
zengyawen 已提交
39 40 41 42 43


### append

append(name: string, value: string): void
Z
zengyawen 已提交
44 45 46

将新的键值对插入到查询字符串。

Z
zengyawen 已提交
47 48
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
49 50 51 52 53 54
**参数:**

| 参数名 | 类型 | 必填 | 说明 |
| -------- | -------- | -------- | -------- |
| name | string | 是 | 需要插入搜索参数的键名。 |
| value | string | 是 | 需要插入搜索参数的值。 |
Z
zengyawen 已提交
55

Z
zengyawen 已提交
56 57
**示例:**

58
```js
59 60
let urlObject = new Url.URL('https://developer.exampleUrl/?fod=1&bard=2');
let paramsObject = new Url.URLSearchParams(urlObject.search.slice(1));
S
shikai-123 已提交
61
paramsObject.append('fod', '3');
Z
zengyawen 已提交
62
```
Z
zengyawen 已提交
63 64 65 66 67


### delete

delete(name: string): void
Z
zengyawen 已提交
68 69 70

删除指定名称的键值对。

Z
zengyawen 已提交
71 72
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
73 74 75 76 77
**参数:**

| 参数名 | 类型 | 必填 | 说明 |
| -------- | -------- | -------- | -------- |
| name | string | 是 | 需要删除的键值名称。 |
Z
zengyawen 已提交
78

Z
zengyawen 已提交
79 80
**示例:**

81
```js
82 83
let urlObject = new Url.URL('https://developer.exampleUrl/?fod=1&bard=2');
let paramsobject = new Url.URLSearchParams(urlObject.search.slice(1));
84
paramsobject.delete('fod');
Z
zengyawen 已提交
85
```
Z
zengyawen 已提交
86 87 88 89 90


### getAll

getAll(name: string): string[]
Z
zengyawen 已提交
91 92 93

获取指定名称的所有键值对。

Z
zengyawen 已提交
94 95
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
96 97 98 99 100 101 102 103 104 105 106
**参数:**

| 参数名 | 类型 | 必填 | 说明 |
| -------- | -------- | -------- | -------- |
| name | string | 是 | 指定的键值名称。 |

**返回值:**

| 类型 | 说明 |
| -------- | -------- |
| string[] | 返回指定名称的所有键值对。 |
Z
zengyawen 已提交
107

Z
zengyawen 已提交
108
**示例:**
Z
zengyawen 已提交
109

110
```js
S
shikai-123 已提交
111 112 113 114
let urlObject = new Url.URL('https://developer.exampleUrl/?fod=1&bard=2');
let params = new Url.URLSearchParams(urlObject.search.slice(1));
params.append('fod', '3'); // Add a second value for the fod parameter.
console.log(params.getAll('fod').toString()) // Output ["1","3"].
Z
zengyawen 已提交
115
```
Z
zengyawen 已提交
116 117


Z
zengyawen 已提交
118
### entries
Z
zengyawen 已提交
119

X
xdmal 已提交
120
entries(): IterableIterator<[string, string]>
Z
zengyawen 已提交
121 122

返回一个ES6的迭代器,迭代器的每一项都是一个 JavaScript Array。Array的第一项是name,Array的第二项是value。
Z
zengyawen 已提交
123

Z
zengyawen 已提交
124 125
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
126 127 128 129 130 131 132
**返回值:**

| 类型 | 说明 |
| -------- | -------- |
| IterableIterator&lt;[string,&nbsp;string]&gt; | 返回一个ES6的迭代器。 |

**示例:**
Z
zengyawen 已提交
133

134
```js
135
let searchParamsObject = new Url.URLSearchParams("keyName1=valueName1&keyName2=valueName2"); 
Z
zengyawen 已提交
136 137 138 139
for (var pair of searchParamsObject .entries()) { // Show keyName/valueName pairs
    console.log(pair[0]+ ', '+ pair[1]);
}
```
Z
zengyawen 已提交
140 141


Z
zengyawen 已提交
142
### forEach
Z
zengyawen 已提交
143

X
xdmal 已提交
144
forEach(callbackfn: (value: string, key: string, searchParams: this) => void, thisArg?: Object): void
Z
zengyawen 已提交
145 146 147

通过回调函数来遍历URLSearchParams实例对象上的键值对。

Z
zengyawen 已提交
148 149
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166
**参数:**

| 参数名 | 类型 | 必填 | 说明 |
| -------- | -------- | -------- | -------- |
| callbackfn | function | 是 | 回调函数。 |
| thisArg | Object | 否 | callbackfn被调用时用作this值 |

**表1** callbackfn的参数说明

| 参数名 | 类型 | 必填 | 说明 |
| -------- | -------- | -------- | -------- |
| value | string | 是 | 当前遍历到的键值。 |
| key | string | 是 | 当前遍历到的键名。 |
| searchParams | Object | 是 | 当前调用forEach方法的实例对象。 |

**示例:**

167
```js
168
const myURLObject = new Url.URL('https://developer.exampleUrl/?fod=1&bard=2'); 
Z
zengyawen 已提交
169 170 171 172
myURLObject.searchParams.forEach((value, name, searchParams) => {  
    console.log(name, value, myURLObject.searchParams === searchParams);
});
```
Z
zengyawen 已提交
173 174 175 176 177


### get

get(name: string): string | null
Z
zengyawen 已提交
178 179 180

获取指定名称对应的第一个值。

Z
zengyawen 已提交
181 182
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
183 184 185 186 187
**参数:**

| 参数名 | 类型 | 必填 | 说明 |
| -------- | -------- | -------- | -------- |
| name | string | 是 | 指定键值对的名称。 |
Z
zengyawen 已提交
188

Z
zengyawen 已提交
189
**返回值:**
Z
zengyawen 已提交
190

Z
zengyawen 已提交
191 192 193 194 195 196 197
| 类型 | 说明 |
| -------- | -------- |
| string | 返回第一个值。 |
| null | 如果没找到,返回&nbsp;null。 |

**示例:**

198
```js
Z
zengyawen 已提交
199 200 201
let paramsObject = new Url.URLSearchParams('name=Jonathan&age=18'); 
let name = paramsObject.get("name"); // is the string "Jonathan" 
let age = parseInt(paramsObject.get("age"), 10); // is the number 18
Z
zengyawen 已提交
202
```
Z
zengyawen 已提交
203 204 205 206 207


### has

has(name: string): boolean
Z
zengyawen 已提交
208 209

判断一个指定的键名对应的值是否存在。
Z
zengyawen 已提交
210

Z
zengyawen 已提交
211 212
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
213 214 215 216 217 218 219
**参数:**

| 参数名 | 类型 | 必填 | 说明 |
| -------- | -------- | -------- | -------- |
| name | string | 是 | 要查找的参数的键名。 |

**返回值:**
Z
zengyawen 已提交
220

Z
zengyawen 已提交
221 222 223 224 225 226
| 类型 | 说明 |
| -------- | -------- |
| boolean | 是否存在相对应的key值,存在返回true,否则返回false。 |

**示例:**

227
```js
228 229
let urlObject = new Url.URL('https://developer.exampleUrl/?fod=1&bard=2');
let paramsObject = new Url.URLSearchParams(urlObject.search.slice(1)); 
Z
zengyawen 已提交
230 231
paramsObject.has('bard') === true;
```
Z
zengyawen 已提交
232 233 234 235 236


### set

set(name: string, value: string): void
Z
zengyawen 已提交
237 238 239

将与name关联的URLSearchParams对象中的值设置为value。如果存在名称为name的键值对,请将第一个键值对的值设置为value并删除所有其他值。如果不是,则将键值对附加到查询字符串。

Z
zengyawen 已提交
240 241
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
242
**参数:**
Z
zengyawen 已提交
243

Z
zengyawen 已提交
244 245 246 247 248 249 250
| 参数名 | 类型 | 必填 | 说明 |
| -------- | -------- | -------- | -------- |
| name | string | 是 | 将要设置的参数的键值名。 |
| value | string | 是 | 所要设置的参数值。 |

**示例:**

251
```js
252 253
let urlObject = new Url.URL('https://developer.exampleUrl/?fod=1&bard=2');
let paramsObject = new Url.URLSearchParams(urlObject.search.slice(1));
S
shikai-123 已提交
254
paramsObject.set('baz', '3'); // Add a third parameter.
Z
zengyawen 已提交
255
```
Z
zengyawen 已提交
256 257


Z
zengyawen 已提交
258
### sort
Z
zengyawen 已提交
259

Z
zengyawen 已提交
260
sort(): void
Z
zengyawen 已提交
261

Z
zengyawen 已提交
262
对包含在此对象中的所有键值对进行排序,并返回undefined。排序顺序是根据键的Unicode代码点。该方法使用稳定的排序算法 (即,将保留具有相等键的键值对之间的相对顺序)。
Z
zengyawen 已提交
263

Z
zengyawen 已提交
264 265
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
266
**示例:**
Z
zengyawen 已提交
267

268
```js
269
let searchParamsObject = new Url.URLSearchParams("c=3&a=9&b=4&d=2"); // Create a test URLSearchParams object
Z
zengyawen 已提交
270 271 272
searchParamsObject.sort(); // Sort the key/value pairs
console.log(searchParamsObject.toString()); // Display the sorted query string // Output a=9&b=2&c=3&d=4
```
Z
zengyawen 已提交
273 274


Z
zengyawen 已提交
275
### keys
Z
zengyawen 已提交
276

Z
zengyawen 已提交
277
keys(): IterableIterator&lt;string&gt;
Z
zengyawen 已提交
278

Z
zengyawen 已提交
279
返回一个所有键值对的name的ES6迭代器。
Z
zengyawen 已提交
280

Z
zengyawen 已提交
281 282
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
283
**返回值:**
Z
zengyawen 已提交
284

Z
zengyawen 已提交
285 286 287
| 类型 | 说明 |
| -------- | -------- |
| IterableIterator&lt;string&gt; | 返回一个所有键值对的name的ES6迭代器。 |
Z
zengyawen 已提交
288

Z
zengyawen 已提交
289
**示例:**
Z
zengyawen 已提交
290

291
```js
292
let searchParamsObject = new Url.URLSearchParams("key1=value1&key2=value2"); // Create a URLSearchParamsObject object for testing
Z
zengyawen 已提交
293 294 295 296
for (var key of searchParamsObject .keys()) { // Output key-value pairs
    console.log(key);
}
```
Z
zengyawen 已提交
297 298


Z
zengyawen 已提交
299
### values
Z
zengyawen 已提交
300

Z
zengyawen 已提交
301 302 303 304
values(): IterableIterator&lt;string&gt;

返回一个所有键值对的value的ES6迭代器。

Z
zengyawen 已提交
305 306
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
307
**返回值:**
Z
zengyawen 已提交
308

Z
zengyawen 已提交
309 310 311 312 313 314
| 类型 | 说明 |
| -------- | -------- |
| IterableIterator&lt;string&gt; | 返回一个所有键值对的value的ES6迭代器。 |

**示例:**

315
```js
316 317
let searchParams = new Url.URLSearchParams("key1=value1&key2=value2"); // Create a URLSearchParamsObject object for testing
for (var value of searchParams.values()) {
Z
zengyawen 已提交
318 319 320
    console.log(value);
}
```
Z
zengyawen 已提交
321 322


Z
zengyawen 已提交
323
### [Symbol.iterator]
Z
zengyawen 已提交
324

Z
zengyawen 已提交
325
[Symbol.iterator]\(): IterableIterator&lt;[string, string]&gt;
Z
zengyawen 已提交
326 327 328

返回一个ES6的迭代器,迭代器的每一项都是一个 JavaScript Array。Array的第一项是name,Array的第二项是value。

Z
zengyawen 已提交
329 330
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
331
**返回值:**
Z
zengyawen 已提交
332

Z
zengyawen 已提交
333 334 335
| 类型 | 说明 |
| -------- | -------- |
| IterableIterator&lt;[string,&nbsp;string]&gt; | 返回一个ES6的迭代器。 |
Z
zengyawen 已提交
336

Z
zengyawen 已提交
337
**示例:**
Z
zengyawen 已提交
338

339
```js
340
const paramsObject = new Url.URLSearchParams('fod=bay&edg=bap');
341
for (const [name, value] of paramsObject) {
Z
zengyawen 已提交
342 343 344
    console.log(name, value); 
} 
```
Z
zengyawen 已提交
345 346


Z
zengyawen 已提交
347
### tostring
Z
zengyawen 已提交
348

Z
zengyawen 已提交
349
toString(): string
Z
zengyawen 已提交
350 351 352

返回序列化为字符串的搜索参数,必要时对字符进行百分比编码。

Z
zengyawen 已提交
353 354
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
355
**返回值:**
Z
zengyawen 已提交
356

Z
zengyawen 已提交
357 358 359
| 类型 | 说明 |
| -------- | -------- |
| string | 返回序列化为字符串的搜索参数,必要时对字符进行百分比编码。 |
Z
zengyawen 已提交
360

Z
zengyawen 已提交
361
**示例:**
Z
zengyawen 已提交
362

363
```js
364 365
let url = new Url.URL('https://developer.exampleUrl/?fod=1&bard=2');
let params = new Url.URLSearchParams(url.search.slice(1)); 
S
shikai-123 已提交
366
params.append('fod', '3');
Z
zengyawen 已提交
367 368
console.log(params.toString());
```
Z
zengyawen 已提交
369 370 371 372 373 374


## URL

### 属性

Z
zengyawen 已提交
375 376
**系统能力:** 以下各项对应的系统能力均为SystemCapability.Utils.Lang

Z
zengyawen 已提交
377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396
| 名称 | 参数类型 | 可读 | 可写 | 说明 |
| -------- | -------- | -------- | -------- | -------- |
| hash | string | 是 | 是 | 获取和设置URL的片段部分。 |
| host | string | 是 | 是 | 获取和设置URL的主机部分。 |
| hostname | string | 是 | 是 | 获取和设置URL的主机名部分,不带端口。 |
| href | string | 是 | 是 | 获取和设置序列化的URL。 |
| origin | string | 是 | 否 | 获取URL源的只读序列化。 |
| password | string | 是 | 是 | 获取和设置URL的密码部分。 |
| pathname | string | 是 | 是 | 获取和设置URL的路径部分。 |
| port | string | 是 | 是 | 获取和设置URL的端口部分。 |
| protocol | string | 是 | 是 | 获取和设置URL的协议部分。 |
| search | string | 是 | 是 | 获取和设置URL的序列化查询部分。 |
| searchParams | URLsearchParams | 是 | 否 | 获取URLSearchParams表示URL查询参数的对象。 |
| username | string | 是 | 是 | 获取和设置URL的用户名部分。 |


### constructor

constructor(url: string, base?: string | URL)

Z
zengyawen 已提交
397 398
URL的构造函数。

Z
zengyawen 已提交
399 400
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
401
**参数:**
Z
zengyawen 已提交
402

Z
zengyawen 已提交
403 404 405 406
| 参数名 | 类型 | 必填 | 说明 |
| -------- | -------- | -------- | -------- |
| url | string | 是 | 入参对象。 |
| base | string&nbsp;\|&nbsp;URL | 否 | 入参字符串或者对象。<br/>-&nbsp;string:字符串<br/>-&nbsp;URL:字符串或对象 |
Z
zengyawen 已提交
407

Z
zengyawen 已提交
408
**示例:**
Z
zengyawen 已提交
409

410
```js
411 412 413
let mm = 'http://username:password@host:8080';
let a = new Url.URL("/", mm); // Output 'http://username:password@host:8080/';
let b = new Url.URL(mm); // Output 'http://username:password@host:8080/';
414
new Url.URL('path/path1', b); // Output 'http://username:password@host:8080/path/path1';
415
let c = new Url.URL('/path/path1', b);  // Output 'http://username:password@host:8080/path/path1'; 
416 417 418 419 420 421 422
new Url.URL('/path/path1', c); // Output 'http://username:password@host:8080/path/path1';
new Url.URL('/path/path1', a); // Output 'http://username:password@host:8080/path/path1';
new Url.URL('/path/path1', "https://www.exampleUrl/fr-FR/toto"); // Output https://www.exampleUrl/path/path1
new Url.URL('/path/path1', ''); // Raises a TypeError exception as '' is not a valid URL
new Url.URL('/path/path1'); // Raises a TypeError exception as '/path/path1' is not a valid URL
new Url.URL('http://www.shanxi.com', ); // Output http://www.shanxi.com/
new Url.URL('http://www.shanxi.com', b); // Output http://www.shanxi.com/
Z
zengyawen 已提交
423
```
Z
zengyawen 已提交
424 425


Z
zengyawen 已提交
426
### tostring
Z
zengyawen 已提交
427

Z
zengyawen 已提交
428
toString(): string
Z
zengyawen 已提交
429

Z
zengyawen 已提交
430
将解析过后的URL转化为字符串。
Z
zengyawen 已提交
431

Z
zengyawen 已提交
432 433
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
434
**返回值:**
Z
zengyawen 已提交
435

Z
zengyawen 已提交
436 437 438
| 类型 | 说明 |
| -------- | -------- |
| string | 用于返回网址的字符串序列化。 |
Z
zengyawen 已提交
439

Z
zengyawen 已提交
440
**示例:**
Z
zengyawen 已提交
441

442
```js
443
const url = new Url.URL('http://username:password@host:8080/directory/file?query=pppppp#qwer=da');
Z
zengyawen 已提交
444 445
url.toString()
```
Z
zengyawen 已提交
446 447


Z
zengyawen 已提交
448
### toJSON
Z
zengyawen 已提交
449

Z
zengyawen 已提交
450 451 452
toJSON(): string

将解析过后的URL转化为JSON字符串。
Z
zengyawen 已提交
453

Z
zengyawen 已提交
454 455
**系统能力:** SystemCapability.Utils.Lang

Z
zengyawen 已提交
456
**返回值:**
Z
zengyawen 已提交
457

Z
zengyawen 已提交
458 459 460
| 类型 | 说明 |
| -------- | -------- |
| string | 用于返回网址的字符串序列化。 |
Z
zengyawen 已提交
461

Z
zengyawen 已提交
462
**示例:**
463
```js
464
const url = new Url.URL('http://username:password@host:8080/directory/file?query=pppppp#qwer=da');
Z
zengyawen 已提交
465 466
url.toJSON()
```