273. Adding Query Params

Jul 21, 2026 06:08 · 4:01 · English · Whisper Turbo · 2 اسپیکر

یہ نقل ختم ہو جاتا ہے 7 دن. دائمی محفوظہ کے لئے بہتری →

ليکشن

0:02

S… Speaker 2 (273. Adding Query Params)

Headers aren't the only thing you can set.

0:04

S… Speaker 2 (273. Adding Query Params)

For many API endpoints,

0:06

S… Speaker 2 (273. Adding Query Params)

you can also attach certain query parameters.

0:09

S… Speaker 2 (273. Adding Query Params)

And of course,

0:09

S… Speaker 2 (273. Adding Query Params)

again, it depends on the API endpoint you're sending the request to,

0:13

S… Speaker 2 (273. Adding Query Params)

which query parameters are supported.

0:16

S… Speaker 2 (273. Adding Query Params)

For example,

0:17

S… Speaker 2 (273. Adding Query Params)

the Firebase REST API,

0:19

S… Speaker 2 (273. Adding Query Params)

and you can learn that in the official docs,

0:21

S… Speaker 2 (273. Adding Query Params)

supports one query parameter,

0:23

S… Speaker 2 (273. Adding Query Params)

which effect we can immediately see.

0:25

S… Speaker 2 (273. Adding Query Params)

You set parameters by adding the params key here in that

0:29

S… Speaker 2 (273. Adding Query Params)

same config object where you added headers and you set params

0:33

S… Speaker 2 (273. Adding Query Params)

equal to new HTTP params.

0:37

S… Speaker 2 (273. Adding Query Params)

Now, just as HTTP headers,

0:39

S… Speaker 2 (273. Adding Query Params)

you import HTTP params from at Angular slash

0:43

S… Speaker 2 (273. Adding Query Params)

common slash HTTP.

0:45

S… Speaker 1 (273. Adding Query Params)

Now,

0:47

S… Speaker 2 (273. Adding Query Params)

HTTP params works a bit differently than HTTP headers.

0:50

S… Speaker 1 (273. Adding Query Params)

There,

0:52

S… Speaker 2 (273. Adding Query Params)

you can call set,

0:53

S… Speaker 2 (273. Adding Query Params)

and now you can set a param name and a value for that.

0:57

S… Speaker 1 (273. Adding Query Params)

And there,

0:58

S… Speaker 2 (273. Adding Query Params)

for example, you can set print,

1:01

S… Speaker 2 (273. Adding Query Params)

and that is a search param,

1:02

S… Speaker 2 (273. Adding Query Params)

a query param supported by Firebase,

1:04

S… Speaker 1 (273. Adding Query Params)

print,

1:05

S… Speaker 2 (273. Adding Query Params)

and you set this to a value to pretty.

1:07

S… Speaker 2 (273. Adding Query Params)

And this just changes the format in which Firebase returns

1:11

S… Speaker 1 (273. Adding Query Params)

its data.

1:12

S… Speaker 1 (273. Adding Query Params)

Now,

1:13

S… Speaker 2 (273. Adding Query Params)

if we save that,

1:13

S… Speaker 1 (273. Adding Query Params)

this loads,

1:17

S… Speaker 2 (273. Adding Query Params)

and now if I clear that and I click this again,

1:20

S… Speaker 2 (273. Adding Query Params)

and we inspect this request you see now it has this

1:24

S… Speaker 2 (273. Adding Query Params)

query parameter attached to the end of the url and of course you could

1:28

S… Speaker 2 (273. Adding Query Params)

have added this to the url yourself up there too you could have added

1:32

S… Speaker 2 (273. Adding Query Params)

print equals pretty up there and add with an ampersand

1:36

S… Speaker 2 (273. Adding Query Params)

in between as many

1:38

S… Speaker 2 (273. Adding Query Params)

key value pairs as you need or as your API endpoint supports.

1:42

S… Speaker 2 (273. Adding Query Params)

You can do that here in the URL,

1:44

S… Speaker 2 (273. Adding Query Params)

but by using this params config,

1:47

S… Speaker 2 (273. Adding Query Params)

it's a bit more convenient because you don't need to concatenate a super long

1:51

S… Speaker 1 (273. Adding Query Params)

string.

1:51

S… Speaker 2 (273. Adding Query Params)

You simply set them here with the set method.

1:54

S… Speaker 1 (273. Adding Query Params)

Now,

1:55

S… Speaker 2 (273. Adding Query Params)

if you wanted to set multiple params,

1:57

S… Speaker 2 (273. Adding Query Params)

you can simply do this by adding a search params

2:01

S… Speaker 2 (273. Adding Query Params)

constant or whatever you want to name it,

2:03

S… Speaker 2 (273. Adding Query Params)

create your new params object there.

2:06

S… Speaker 2 (273. Adding Query Params)

And now here,

2:07

S… Speaker 2 (273. Adding Query Params)

you can call search params append and append a new param

2:11

S… Speaker 2 (273. Adding Query Params)

key value pair like print pretty.

2:13

S… Speaker 1 (273. Adding Query Params)

Important,

2:14

S… Speaker 2 (273. Adding Query Params)

however, search params,

2:16

S… Speaker 2 (273. Adding Query Params)

this object is immutable.

2:17

S… Speaker 2 (273. Adding Query Params)

So you actually need to overwrite this and therefore this needs to be a

2:21

S… Speaker 2 (273. Adding Query Params)

variable with a new result of

2:26

S… Speaker 1 (273. Adding Query Params)

append.

2:27

S… Speaker 2 (273. Adding Query Params)

So what you would do here in the end is you call append and this returns

2:31

S… Speaker 2 (273. Adding Query Params)

a new HTTP params object and you store that new object which has

2:35

S… Speaker 2 (273. Adding Query Params)

these new key value pairs added to it in the search purpose variable,

2:38

S… Speaker 2 (273. Adding Query Params)

overwriting the old one.

2:39

S… Speaker 2 (273. Adding Query Params)

So you still have a HTTP params object in there,

2:42

S… Speaker 2 (273. Adding Query Params)

but a new one.

2:43

S… Speaker 2 (273. Adding Query Params)

And if you have multiple

2:46

S… Speaker 2 (273. Adding Query Params)

key value pairs,

2:47

S… Speaker 2 (273. Adding Query Params)

then you simply repeat that step.

2:48

S… Speaker 2 (273. Adding Query Params)

With append,

2:49

S… Speaker 2 (273. Adding Query Params)

the old ones will be kept,

2:51

S… Speaker 2 (273. Adding Query Params)

but the new ones will be added to a new HTTP params object,

2:54

S… Speaker 2 (273. Adding Query Params)

which will then replace the old one by storing it in its same variable.

2:58

S… Speaker 2 (273. Adding Query Params)

So here you could also have your custom key,

3:00

S… Speaker 2 (273. Adding Query Params)

which is not supported by Firebase,

3:02

S… Speaker 2 (273. Adding Query Params)

but you can still send this,

3:03

S… Speaker 2 (273. Adding Query Params)

it won't cause any harm.

3:05

S… Speaker 2 (273. Adding Query Params)

And then you simply add your search params here for the params

3:09

S… Speaker 2 (273. Adding Query Params)

in your config object,

3:10

S… Speaker 2 (273. Adding Query Params)

and this is how you can attach multiple

3:13

S… Speaker 2 (273. Adding Query Params)

params if you want to we can see the effect here if i fetch now

3:18

S… Speaker 2 (273. Adding Query Params)

you see we have multiple search parameters attached again you could have done

3:22

S… Speaker 2 (273. Adding Query Params)

that directly in the url but by using the http params object

3:26

S… Speaker 2 (273. Adding Query Params)

and the configuration object it's a bit more convenient now

3:30

S… Speaker 2 (273. Adding Query Params)

by the way in case you're wondering what these parameters do custom key does nothing

3:34

S… Speaker 2 (273. Adding Query Params)

that's just something i came up with it's not supported by firebase but as i mentioned

3:38

S… Speaker 2 (273. Adding Query Params)

it's also no problem if we add this

3:41

S… Speaker 2 (273. Adding Query Params)

Print pretty does something in the response.

3:43

S… Speaker 2 (273. Adding Query Params)

It prints this in a more pretty way.

3:45

S… Speaker 2 (273. Adding Query Params)

It adds some extra white space and line breaks so that this is more human readable.

3:49

S… Speaker 2 (273. Adding Query Params)

Absolutely does not matter for our app where we read this with our

3:53

S… Speaker 2 (273. Adding Query Params)

code anyways,

3:54

S… Speaker 2 (273. Adding Query Params)

but it just wanted some example to show how to add query parameters.

یہ نقل AI (خودکار بولنے کی پہچان) سے بنائی گئی تھی. غلطیاں ہو سکتے ہیں - اہم استعمال کے لیے اصل آڈیو کے مقابلے میں جانچیں. AI پالیسي

❤️ STT.ai سے محبت؟ اپنے دوستوں کو بتاؤ۔

خلاصہ

اس نقل کا AI خلاصہ پیدا کرنے کے لئے خلاصہ کرو کلک کریں.

اس نقل کے بارے ميں AI سے پوچھو

اس نقل کے بارے میں کچھ پوچھو - AI متعلقہ حصوں کو تلاش کرے گا اور جواب دے گا۔

دوسرا نقل کریں