0Pricing
TypeScript Academy · Ders

FormData, URL ve URLSearchParams ile çalışma

FormData ile form girdilerini toplayın, URL'leri güvenle ayrıştırıp oluşturun ve URLSearchParams ile sorgu parametrelerini düzenleyin.

FormData, URL ve URLSearchParams ile çalışma, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 3 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, TypeScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. TypeScript Academy kursu toplamda 3 dersten oluşur.

Giriş

Amaç: Tarayıcı veri API'leriyle çalışmak: FormData, URL ve URLSearchParams.

  • Form değerlerini toplama
  • URL'leri oluşturma ve ayrıştırma
  • Sorgu parametrelerini yönetme

FormData temelleri

FormData, girdileri adlarına göre toplar. entries() üzerinde yineleme yapmak, dize veya File nesneleri olarak [name, value] çiftleri verir.

const form = document.querySelector("form#login");
if (form) {
  const fd = new FormData(form);
  for (const [key, val] of fd.entries()) {
    console.log(key, val);
  }
}

FormData append

FormData'yı yüklemeler için Blob/File nesneleri de dahil olmak üzere append ile elle oluşturabilirsiniz.

const fd = new FormData();
fd.append("username", "alice");
fd.append("file", new Blob(["hi"]), "greet.txt");

for (const [k,v] of fd.entries()) {
  console.log(k, v);
}

URL bölümleri

URL, bir dizeyi bölümlere (hostname, pathname, search, hash) ayrıştırır. Elle dize bölmekten daha güvenlidir.

const url = new URL("https://example.com/page?x=1");
console.log(url.hostname); // example.com
console.log(url.pathname); // /page

URLSearchParams get

URLSearchParams, sorgu parametrelerini kolayca okumanızı ve yazmanızı sağlar. get(), string | null döndürür.

const params = new URLSearchParams("?q=go&type=video");
console.log(params.get("q")); // go
console.log(params.get("missing")); // null

Parametreleri güncelleme

Parametreleri set ile güncelleyin, append ile ekleyin, delete ile kaldırın. Serileştirmek için toString() kullanın.

const params = new URLSearchParams();
params.set("page", "1");
params.set("q", "typescript");
console.log(params.toString()); // page=1&q=typescript

Parametre alma kontrolü

Hızlı kontrol: URLSearchParams.get("key"), anahtar bulunamadığında ne döndürür?

Özet

Özet: FormData, giriş adlarını ve değerlerini toplar. URL güvenli biçimde ayrıştırır. URLSearchParams sorgu parametrelerini yönetir.

Sıkça Sorulan Sorular

“FormData, URL ve URLSearchParams ile çalışma” dersi ücretsiz mi?

Evet — “FormData, URL ve URLSearchParams ile çalışma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve TypeScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. TypeScript Academy kursu toplamda 3 dersten oluşur.

“FormData, URL ve URLSearchParams ile çalışma” dersinde ne öğreneceğim?

FormData ile form girdilerini toplayın, URL'leri güvenle ayrıştırıp oluşturun ve URLSearchParams ile sorgu parametrelerini düzenleyin. TypeScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

TypeScript Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te TypeScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 3 dersinin 3. dersidir.

“FormData, URL ve URLSearchParams ile çalışma” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu TypeScript Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her TypeScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. lib DOM türleri ve querySelector (katı null denetimleri)
  2. Olay türleri, özel olaylar; HTMLElement alt türlerini daraltma
  3. FormData, URL ve URLSearchParams ile çalışma
← TypeScript Academy Sayfasına Dön