add url encoded params

Author: captainbrosset

devtools-network-reference/index.html

@@ -16,6 +16,7 @@ <h1>DevTools Network tool reference Demo</h1>
   <button id="iframes">Load iframes</button>
   <button id="stream-sse">Stream server-sent events</button>
   <button id="form-data">Send form data</button>
+  <button id="encoded-query-params">Send encoded query parameters</button>
 
   <div id="iframes-placeholder"></div>
 

devtools-network-reference/script.js

@@ -3,6 +3,7 @@ const iframesButton = document.getElementById("iframes");
 const iframesPlaceholderEl = document.getElementById("iframes-placeholder");
 const streamSseButton = document.getElementById("stream-sse");
 const formDataButton = document.getElementById("form-data");
+const encodedQueryParamsButton = document.getElementById("encoded-query-params");
 
 xhrButton.addEventListener("click", () => {
   const xhr = new XMLHttpRequest();
@@ -51,3 +52,14 @@ formDataButton.addEventListener("click", async () => {
     body: formData
   });
 });
+
+
+encodedQueryParamsButton.addEventListener("click", async () => {
+  const params = new URLSearchParams();
+  params.append("name", "Danas Barkus");
+  params.append("url", "https://contoso.com/àéèôçл");
+
+  await fetch(`./encoded-query-params-endpoint?${params.toString()}`, {
+    method: "GET"
+  });
+});