How do I get query parameters in the URL

Question

In Dart I am working on a web game. In this I would need a function where I can get data from the URL, in the same way that you would get it in PHP. How would I do this?

Say I, for example, append the following to my URL when I load my web game: ?id=15&randomNumber=3.14. How can I get them in Dart either as a raw string (preferred) or in some other format?

score 52 · Accepted Answer · answered Oct 29 '14 at 09:45

52

You can use the Uri class from dart:core
https://api.dartlang.org/apidocs/channels/stable/dartdoc-viewer/dart-core.Uri

ie:

main() {
  print(Uri.base.toString()); // http://localhost:8082/game.html?id=15&randomNumber=3.14
  print(Uri.base.query);  // id=15&randomNumber=3.14
  print(Uri.base.queryParameters['randomNumber']); // 3.14
}

answered Oct 29 '14 at 09:45

Xavier

3,647
24
17

1

Invalid when the parameter contains a colon. – noveleven Dec 28 '21 at 08:35
When on web, you should do this on the main function as query parameters (at least in my case) somehow were deleted once flutter navigates to a route. – josue.0 Mar 15 '22 at 18:23
@noeleven parameters in URL shall be url-encoded, using Uri.encodeComponent. – Giorgio Barchiesi Aug 30 '23 at 07:43

Muhammad Ali Raza · Answer 2 · 2021-12-30T06:42:53.217

17

import 'dart:html';   

void doWork(){  
  var uri = Uri.dataFromString(window.location.href); //converts string to a uri    
  Map<String, String> params = uri.queryParameters; // query parameters automatically populated
  var param1 = params['param1']; // return value of parameter "param1" from uri
  var param2 = params['param2'];
  print(jsonEncode(params)); //can use returned parameters to encode as json
}

edited Dec 30 '21 at 06:42

answered May 12 '20 at 06:44

Muhammad Ali Raza

389
2
11

2

Add some explanation for your code would be preferred. – keikai May 12 '20 at 07:17
3

While this code may provide a solution to problem, it is highly recommended that you provide additional context regarding why and/or how this code answers the question. Code only answers typically become useless in the long-run because future viewers experiencing similar problems cannot understand the reasoning behind the solution. – palaѕн May 12 '20 at 07:25
1

Thanks for your suggestions guys, I will keep these things in mind next time – Muhammad Ali Raza May 13 '20 at 09:41

Günter Zöchbauer · Answer 3 · 2016-12-18T14:32:24.077

4

Import 'dart:html' then you can use window.location...

edited Dec 18 '16 at 14:32

answered Oct 28 '14 at 07:43

Günter Zöchbauer

623,577
216
2,003
1,567

thank you! for other people: Location currentLocation = window.location; print(currentLocation.href); // 'http://www.example.com:80/' – Casper Bang Oct 28 '14 at 07:54
What's `Location`? – Tom Russell Dec 01 '16 at 07:03
A class in `dart:html` and `window.location` returns an instance of that class. https://dartpad.dartlang.org/79fadf90240c5efd1aeaff80e9187873 – Günter Zöchbauer Dec 01 '16 at 07:14

How do I get query parameters in the URL

3 Answers3