• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# URL字符串解析
2
3> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
4> 本模块首批接口从API version 7开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。
5
6
7## 导入模块
8
9```
10import Url from '@ohos.url'
11```
12
13## URLSearchParams
14
15
16### constructor
17
18constructor(init?: string[][] | Record<string, string> | string | URLSearchParams)
19
20URLSearchParams的构造函数。
21
22**系统能力:** SystemCapability.Utils.Lang
23
24**参数:**
25
26| 参数名 | 类型 | 必填 | 说明 |
27| -------- | -------- | -------- | -------- |
28| init | string[][] \| Record&lt;string, string&gt; \| string \| URLSearchParams | 否 | 入参对象。<br/>- string[][]:字符串二维数组<br/>- Record&lt;string, string&gt;:对象列表<br/>- string:字符串<br/>- URLSearchParams:对象 |
29
30**示例:**
31
32```js
33let objectParams = new Url.URLSearchParams([ ['user1', 'abc1'], ['query2', 'first2'], ['query3', 'second3'] ]);
34let objectParams1 = new Url.URLSearchParams({"fod" : '1' , "bard" : '2'});
35let objectParams2 = new Url.URLSearchParams('?fod=1&bard=2');
36let urlObject = new Url.URL('https://developer.mozilla.org/?fod=1&bard=2');
37let params = new Url.URLSearchParams(urlObject.search);
38```
39
40
41### append
42
43append(name: string, value: string): void
44
45将新的键值对插入到查询字符串。
46
47**系统能力:** SystemCapability.Utils.Lang
48
49**参数:**
50
51| 参数名 | 类型 | 必填 | 说明 |
52| -------- | -------- | -------- | -------- |
53| name | string | 是 | 需要插入搜索参数的键名。 |
54| value | string | 是 | 需要插入搜索参数的值。 |
55
56**示例:**
57
58```js
59let urlObject = new Url.URL('https://developer.exampleUrl/?fod=1&bard=2');
60let paramsObject = new Url.URLSearchParams(urlObject.search.slice(1));
61paramsObject.append('fod', '3');
62```
63
64
65### delete
66
67delete(name: string): void
68
69删除指定名称的键值对。
70
71**系统能力:** SystemCapability.Utils.Lang
72
73**参数:**
74
75| 参数名 | 类型 | 必填 | 说明 |
76| -------- | -------- | -------- | -------- |
77| name | string | 是 | 需要删除的键值名称。 |
78
79**示例:**
80
81```js
82let urlObject = new Url.URL('https://developer.exampleUrl/?fod=1&bard=2');
83let paramsobject = new Url.URLSearchParams(urlObject.search.slice(1));
84paramsobject.delete('fod');
85```
86
87
88### getAll
89
90getAll(name: string): string[]
91
92获取指定名称的所有键值对。
93
94**系统能力:** SystemCapability.Utils.Lang
95
96**参数:**
97
98| 参数名 | 类型 | 必填 | 说明 |
99| -------- | -------- | -------- | -------- |
100| name | string | 是 | 指定的键值名称。 |
101
102**返回值:**
103
104| 类型 | 说明 |
105| -------- | -------- |
106| string[] | 返回指定名称的所有键值对。 |
107
108**示例:**
109
110```js
111let urlObject = new Url.URL('https://developer.exampleUrl/?fod=1&bard=2');
112let params = new Url.URLSearchParams(urlObject.search.slice(1));
113params.append('fod', '3'); // Add a second value for the fod parameter.
114console.log(params.getAll('fod').toString()) // Output ["1","3"].
115```
116
117
118### entries
119
120entries(): IterableIterator<[string, string]>
121
122返回一个ES6的迭代器,迭代器的每一项都是一个 JavaScript Array。Array的第一项是name,Array的第二项是value。
123
124**系统能力:** SystemCapability.Utils.Lang
125
126**返回值:**
127
128| 类型 | 说明 |
129| -------- | -------- |
130| IterableIterator&lt;[string, string]&gt; | 返回一个ES6的迭代器。 |
131
132**示例:**
133
134```js
135let searchParamsObject = new Url.URLSearchParams("keyName1=valueName1&keyName2=valueName2");
136for (var pair of searchParamsObject .entries()) { // Show keyName/valueName pairs
137    console.log(pair[0]+ ', '+ pair[1]);
138}
139```
140
141
142### forEach
143
144forEach(callbackfn: (value: string, key: string, searchParams: this) => void, thisArg?: Object): void
145
146通过回调函数来遍历URLSearchParams实例对象上的键值对。
147
148**系统能力:** SystemCapability.Utils.Lang
149
150**参数:**
151
152| 参数名 | 类型 | 必填 | 说明 |
153| -------- | -------- | -------- | -------- |
154| callbackfn | function | 是 | 回调函数。 |
155| thisArg | Object | 否 | callbackfn被调用时用作this值 |
156
157**表1** callbackfn的参数说明
158
159| 参数名 | 类型 | 必填 | 说明 |
160| -------- | -------- | -------- | -------- |
161| value | string | 是 | 当前遍历到的键值。 |
162| key | string | 是 | 当前遍历到的键名。 |
163| searchParams | Object | 是 | 当前调用forEach方法的实例对象。 |
164
165**示例:**
166
167```js
168const myURLObject = new Url.URL('https://developer.exampleUrl/?fod=1&bard=2');
169myURLObject.searchParams.forEach((value, name, searchParams) => {
170    console.log(name, value, myURLObject.searchParams === searchParams);
171});
172```
173
174
175### get
176
177get(name: string): string | null
178
179获取指定名称对应的第一个值。
180
181**系统能力:** SystemCapability.Utils.Lang
182
183**参数:**
184
185| 参数名 | 类型 | 必填 | 说明 |
186| -------- | -------- | -------- | -------- |
187| name | string | 是 | 指定键值对的名称。 |
188
189**返回值:**
190
191| 类型 | 说明 |
192| -------- | -------- |
193| string | 返回第一个值。 |
194| null | 如果没找到,返回 null。 |
195
196**示例:**
197
198```js
199let paramsObject = new Url.URLSearchParams('name=Jonathan&age=18');
200let name = paramsObject.get("name"); // is the string "Jonathan"
201let age = parseInt(paramsObject.get("age"), 10); // is the number 18
202```
203
204
205### has
206
207has(name: string): boolean
208
209判断一个指定的键名对应的值是否存在。
210
211**系统能力:** SystemCapability.Utils.Lang
212
213**参数:**
214
215| 参数名 | 类型 | 必填 | 说明 |
216| -------- | -------- | -------- | -------- |
217| name | string | 是 | 要查找的参数的键名。 |
218
219**返回值:**
220
221| 类型 | 说明 |
222| -------- | -------- |
223| boolean | 是否存在相对应的key值,存在返回true,否则返回false。 |
224
225**示例:**
226
227```js
228let urlObject = new Url.URL('https://developer.exampleUrl/?fod=1&bard=2');
229let paramsObject = new Url.URLSearchParams(urlObject.search.slice(1));
230paramsObject.has('bard') === true;
231```
232
233
234### set
235
236set(name: string, value: string): void
237
238将与name关联的URLSearchParams对象中的值设置为value。如果存在名称为name的键值对,请将第一个键值对的值设置为value并删除所有其他值。如果不是,则将键值对附加到查询字符串。
239
240**系统能力:** SystemCapability.Utils.Lang
241
242**参数:**
243
244| 参数名 | 类型 | 必填 | 说明 |
245| -------- | -------- | -------- | -------- |
246| name | string | 是 | 将要设置的参数的键值名。 |
247| value | string | 是 | 所要设置的参数值。 |
248
249**示例:**
250
251```js
252let urlObject = new Url.URL('https://developer.exampleUrl/?fod=1&bard=2');
253let paramsObject = new Url.URLSearchParams(urlObject.search.slice(1));
254paramsObject.set('baz', '3'); // Add a third parameter.
255```
256
257
258### sort
259
260sort(): void
261
262对包含在此对象中的所有键值对进行排序,并返回undefined。排序顺序是根据键的Unicode代码点。该方法使用稳定的排序算法 (即,将保留具有相等键的键值对之间的相对顺序)。
263
264**系统能力:** SystemCapability.Utils.Lang
265
266**示例:**
267
268```js
269let searchParamsObject = new Url.URLSearchParams("c=3&a=9&b=4&d=2"); // Create a test URLSearchParams object
270searchParamsObject.sort(); // Sort the key/value pairs
271console.log(searchParamsObject.toString()); // Display the sorted query string // Output a=9&b=2&c=3&d=4
272```
273
274
275### keys
276
277keys(): IterableIterator&lt;string&gt;
278
279返回一个所有键值对的name的ES6迭代器。
280
281**系统能力:** SystemCapability.Utils.Lang
282
283**返回值:**
284
285| 类型 | 说明 |
286| -------- | -------- |
287| IterableIterator&lt;string&gt; | 返回一个所有键值对的name的ES6迭代器。 |
288
289**示例:**
290
291```js
292let searchParamsObject = new Url.URLSearchParams("key1=value1&key2=value2"); // Create a URLSearchParamsObject object for testing
293for (var key of searchParamsObject .keys()) { // Output key-value pairs
294    console.log(key);
295}
296```
297
298
299### values
300
301values(): IterableIterator&lt;string&gt;
302
303返回一个所有键值对的value的ES6迭代器。
304
305**系统能力:** SystemCapability.Utils.Lang
306
307**返回值:**
308
309| 类型 | 说明 |
310| -------- | -------- |
311| IterableIterator&lt;string&gt; | 返回一个所有键值对的value的ES6迭代器。 |
312
313**示例:**
314
315```js
316let searchParams = new Url.URLSearchParams("key1=value1&key2=value2"); // Create a URLSearchParamsObject object for testing
317for (var value of searchParams.values()) {
318    console.log(value);
319}
320```
321
322
323### [Symbol.iterator]
324
325[Symbol.iterator]\(): IterableIterator&lt;[string, string]&gt;
326
327返回一个ES6的迭代器,迭代器的每一项都是一个 JavaScript Array。Array的第一项是name,Array的第二项是value。
328
329**系统能力:** SystemCapability.Utils.Lang
330
331**返回值:**
332
333| 类型 | 说明 |
334| -------- | -------- |
335| IterableIterator&lt;[string, string]&gt; | 返回一个ES6的迭代器。 |
336
337**示例:**
338
339```js
340const paramsObject = new Url.URLSearchParams('fod=bay&edg=bap');
341for (const [name, value] of paramsObject) {
342    console.log(name, value);
343}
344```
345
346
347### tostring
348
349toString(): string
350
351返回序列化为字符串的搜索参数,必要时对字符进行百分比编码。
352
353**系统能力:** SystemCapability.Utils.Lang
354
355**返回值:**
356
357| 类型 | 说明 |
358| -------- | -------- |
359| string | 返回序列化为字符串的搜索参数,必要时对字符进行百分比编码。 |
360
361**示例:**
362
363```js
364let url = new Url.URL('https://developer.exampleUrl/?fod=1&bard=2');
365let params = new Url.URLSearchParams(url.search.slice(1));
366params.append('fod', '3');
367console.log(params.toString());
368```
369
370
371## URL
372
373### 属性
374
375**系统能力:** 以下各项对应的系统能力均为SystemCapability.Utils.Lang
376
377| 名称 | 参数类型 | 可读 | 可写 | 说明 |
378| -------- | -------- | -------- | -------- | -------- |
379| hash | string | 是 | 是 | 获取和设置URL的片段部分。 |
380| host | string | 是 | 是 | 获取和设置URL的主机部分。 |
381| hostname | string | 是 | 是 | 获取和设置URL的主机名部分,不带端口。 |
382| href | string | 是 | 是 | 获取和设置序列化的URL。 |
383| origin | string | 是 | 否 | 获取URL源的只读序列化。 |
384| password | string | 是 | 是 | 获取和设置URL的密码部分。 |
385| pathname | string | 是 | 是 | 获取和设置URL的路径部分。 |
386| port | string | 是 | 是 | 获取和设置URL的端口部分。 |
387| protocol | string | 是 | 是 | 获取和设置URL的协议部分。 |
388| search | string | 是 | 是 | 获取和设置URL的序列化查询部分。 |
389| searchParams | URLsearchParams | 是 | 否 | 获取URLSearchParams表示URL查询参数的对象。 |
390| username | string | 是 | 是 | 获取和设置URL的用户名部分。 |
391
392
393### constructor
394
395constructor(url: string, base?: string | URL)
396
397URL的构造函数。
398
399**系统能力:** SystemCapability.Utils.Lang
400
401**参数:**
402
403| 参数名 | 类型 | 必填 | 说明 |
404| -------- | -------- | -------- | -------- |
405| url | string | 是 | 入参对象。 |
406| base | string \| URL | 否 | 入参字符串或者对象。<br/>- string:字符串<br/>- URL:字符串或对象 |
407
408**示例:**
409
410```js
411let mm = 'http://username:password@host:8080';
412let a = new Url.URL("/", mm); // Output 'http://username:password@host:8080/';
413let b = new Url.URL(mm); // Output 'http://username:password@host:8080/';
414new Url.URL('path/path1', b); // Output 'http://username:password@host:8080/path/path1';
415let c = new Url.URL('/path/path1', b);  // Output 'http://username:password@host:8080/path/path1';
416new Url.URL('/path/path1', c); // Output 'http://username:password@host:8080/path/path1';
417new Url.URL('/path/path1', a); // Output 'http://username:password@host:8080/path/path1';
418new Url.URL('/path/path1', "https://www.exampleUrl/fr-FR/toto"); // Output https://www.exampleUrl/path/path1
419new Url.URL('/path/path1', ''); // Raises a TypeError exception as '' is not a valid URL
420new Url.URL('/path/path1'); // Raises a TypeError exception as '/path/path1' is not a valid URL
421new Url.URL('http://www.shanxi.com', ); // Output http://www.shanxi.com/
422new Url.URL('http://www.shanxi.com', b); // Output http://www.shanxi.com/
423```
424
425
426### tostring
427
428toString(): string
429
430将解析过后的URL转化为字符串。
431
432**系统能力:** SystemCapability.Utils.Lang
433
434**返回值:**
435
436| 类型 | 说明 |
437| -------- | -------- |
438| string | 用于返回网址的字符串序列化。 |
439
440**示例:**
441
442```js
443const url = new Url.URL('http://username:password@host:8080/directory/file?query=pppppp#qwer=da');
444url.toString();
445```
446
447
448### toJSON
449
450toJSON(): string
451
452将解析过后的URL转化为JSON字符串。
453
454**系统能力:** SystemCapability.Utils.Lang
455
456**返回值:**
457
458| 类型 | 说明 |
459| -------- | -------- |
460| string | 用于返回网址的字符串序列化。 |
461
462**示例:**
463```js
464const url = new Url.URL('http://username:password@host:8080/directory/file?query=pppppp#qwer=da');
465url.toJSON();
466```
467