JSON’dan Query String’e

JSON’dan Query String’e ne işe yarar?

Kodunuzda bir JSON yapılandırması hazırladınız — filtre parametreleri, bir analitik yükü, bir OAuth state’i — ve şimdi bunu bir URL’nin sonuna eklemeniz gerekiyor. Bu sayfa o sıkıcı son adımı sizin yerinize halleder. Sola JSON’u yapıştırın, sağda ?customer=Ava+Chen&status=active&total%5Bgte%5D=49.99&page=2&tag=premium&tag=verified alın; bir bağlantıya, fetch çağrısına ya da webhook URL’sine doğrudan yapıştırılmaya hazır. Diziler tekrarlı anahtarlara açılır (her modern sunucunun anladığı yaklaşım), değerler düzgünce yüzde-kodlanır ve baştaki ? dahildir, böylece bir URL’nin üstüne yapıştırabilirsiniz.

Dönüştürme, tarayıcının yerleşik URLSearchParams’ını kullanır — sunucu çatınızın geri dönen isteği ayrıştırırken kullandığı aynı temel araç. URLSearchParams, WHATWG URL Standardı’na göre application/x-www-form-urlencoded çıktısı üretir; JSON’unuz da RFC 8259’a uygun olarak JSON.parse ile ayrıştırılır. Sayılar ve mantıksal değerler dizgeye dönüştürülür (query string’lerin tip sistemi yoktur), null ve undefined değerleri atlanır, iç içe nesneler ise düzleştirebilmeniz için anlaşılır bir hata fırlatır.

Her şey tarayıcınızda yerel olarak çalışır — yükleme yok, sunucu turu yok, log yok. Tersine bir sorununuz varsa (elinizde bir query string var ve JSON istiyorsanız) Query String’den JSON’a’yı kullanın. Tüm URL’yi protokol, host, yol ve search bölümlerine ayırmak istiyorsanız URL’den JSON’a sayfası ya da URL Parser daha uygun. Burada işleyen yüzde-kodlama kuralları RFC 3986 §2.1’de tanımlı, daha geniş URL ayrıştırma modeli ise MDN URL API referansında bulunur.

JSON’u query string’e nasıl çevirilir

Üç adım. Her biri sayfadaki bir butona karşılık geliyor.

{
  "customer": "Ava Chen",
  "status": "active",
  "total[gte]": "49.99",
  "page": 2,
  "tag": ["premium", "verified"]
}

Gerçekte ne zaman kullanırsınız

Sık sorulanlar