рдпреВрдЖрд░рдПрд▓ рдПрдиреНрдХреЛрдб / рдбреАрдХреЛрдб

рд╕реБрд░рдХреНрд╖рд┐рдд рд╕рдВрдЪрд░рдг рдФрд░ рдЙрдЪрд┐рдд рд╕реНрд╡рд░реВрдкрдг рдХреЗ рд▓рд┐рдП рдпреВрдЖрд░рдПрд▓ рдФрд░ рдпреВрдЖрд░рдЖрдИ рдШрдЯрдХреЛрдВ рдХреЛ рдПрдиреНрдХреЛрдб рдФрд░ рдбреАрдХреЛрдб рдХрд░реЗрдВред

рдбреЗрд╡рд▓рдкрд░ рдЙрдкрдХрд░рдгрдпреВрдЖрд░рдПрд▓ рдкреНрд░рд╕рдВрд╕реНрдХрд░рдгрдХреНрд╡реЗрд░реА рд╕реНрдЯреНрд░рд┐рдВрдЧ
рдПрдиреНрдХреЛрдбрд┐рдВрдЧ рд╡рд┐рдХрд▓реНрдк
рдПрдиреНрдХреЛрдбрд┐рдВрдЧ/рдбреАрдХреЛрдбрд┐рдВрдЧ рд╡рд┐рдзрд┐рдпреЛрдВ рдХреЛ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд░реЗрдВ
рдПрдиреНрдХреЛрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкрд╛рда
рдпреВрдЖрд░рдПрд▓ рдЙрдкрдпреЛрдЧ рдХреЗ рд▓рд┐рдП рдПрдиреНрдХреЛрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкрд╛рда рджрд░реНрдЬ рдХрд░реЗрдВ
рдЙрджрд╛рд╣рд░рдг
рд╡рд┐рднрд┐рдиреНрди рдпреВрдЖрд░рдПрд▓ рдПрдиреНрдХреЛрдбрд┐рдВрдЧ/рдбреАрдХреЛрдбрд┐рдВрдЧ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦреЗрдВ
рдЙрджрд╛рд╣рд░рдг 1
рдореВрд▓
рдирдорд╕реНрддреЗ рджреБрдирд┐рдпрд╛!
рдПрдиреНрдХреЛрдбреЗрдб
%EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94%20%EC%84%B8%EA%B3%84%21
рдЙрджрд╛рд╣рд░рдг 2
рдореВрд▓
рдирдорд╕реНрддреЗ рджреБрдирд┐рдпрд╛!
рдПрдиреНрдХреЛрдбреЗрдб
Hello%20World%21
рдЙрджрд╛рд╣рд░рдг 3
рдореВрд▓
user@example.com
рдПрдиреНрдХреЛрдбреЗрдб
user%40example.com
рдЙрджрд╛рд╣рд░рдг 4
рдореВрд▓
https://example.com/search?q=test
рдПрдиреНрдХреЛрдбреЗрдб
https%3A//example.com/search%3Fq%3D%ED%85%8C%EC%8A%A4%ED%8A%B8
рдЙрджрд╛рд╣рд░рдг 5
рдореВрд▓
рдЬреЗрдПрд╕рдУрдПрди рдкреНрд░рд╛рд░реВрдк: рдЕрдВрдЧреНрд░реЗрдЬреА рдЦреЛрдЬ рдбреЗрдЯрд╛
рдПрдиреНрдХреЛрдбреЗрдб
search=%ED%95%9C%EA%B8%80%20%EA%B2%80%EC%83%89&page=1
рдпреВрдЖрд░рдПрд▓ рдПрдиреНрдХреЛрдбрд┐рдВрдЧ рдЧрд╛рдЗрдб

рдпреВрдЖрд░рдПрд▓ рдПрдиреНрдХреЛрдбрд┐рдВрдЧ рдХреНрдпрд╛ рд╣реИ?

рдпреВрдЖрд░рдПрд▓ рдПрдиреНрдХреЛрдбрд┐рдВрдЧ рдпреВрдЖрд░рдПрд▓ рдореЗрдВ рд╡рд┐рд╢реЗрд╖ рд╡рд░реНрдгреЛрдВ, рд░рд┐рдХреНрдд рд╕реНрдерд╛рди рдФрд░ рдпреВрдирд┐рдХреЛрдб рд╡рд░реНрдгреЛрдВ рдХреЛ рд╕реБрд░рдХреНрд╖рд┐рдд рд░реВрдк рд╕реЗ рдкреНрд░рд╕рд╛рд░рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХреА рдЬрд╛рдиреЗ рд╡рд╛рд▓реА рдПрдХ рд╡рд┐рдзрд┐ рд╣реИред рдпрд╣ рд╡рд┐рд╢реЗрд╖ рд╡рд░реНрдгреЛрдВ рдХреЛ '%' рдкреНрд░рддреАрдХ рдХреЗ рдмрд╛рдж рд╣реЗрдХреНрд╕рд╛рдбреЗрд╕рд┐рдорд▓ рдХреЛрдб рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░рддрд╛ рд╣реИред

рдкреНрд░рд╕рдВрд╕реНрдХрд░рдг рдореЛрдб рд╡рд┐рд╡рд░рдг

  • тАв рдорд╛рдирдХ рдпреВрдЖрд░рдПрд▓ рдПрдиреНрдХреЛрдбрд┐рдВрдЧ: encodeURIComponent() рдпрд╛ encodeURI() рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ
  • тАв рдХреНрд╡реЗрд░реА рд╕реНрдЯреНрд░рд┐рдВрдЧ (рдХреНрдпреВрдПрд╕): рдСрдмреНрдЬреЗрдХреНрдЯ рдХреЛ рдХреНрд╡реЗрд░реА рд╕реНрдЯреНрд░рд┐рдВрдЧ рдореЗрдВ рдмрджрд▓реЗрдВ рдпрд╛ рдЙрдиреНрд╣реЗрдВ рдкрд╛рд░реНрд╕ рдХрд░реЗрдВ
  • тАв рдлреЙрд░реНрдо рдбреЗрдЯрд╛: рдХреБрдВрдЬреА=рдорд╛рди рдкреНрд░рд╛рд░реВрдк рдореЗрдВ рдлреЙрд░реНрдо рдбреЗрдЯрд╛ рдХреЛ рд╕рдВрднрд╛рд▓реЗрдВ

рдХрдм рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ?

  • тАв рдпреВрдЖрд░рдПрд▓ рдХреНрд╡реЗрд░реА рдкреИрд░рд╛рдореАрдЯрд░ рдореЗрдВ рд╡рд┐рд╢реЗрд╖ рд╡рд░реНрдг рдпрд╛ рдЧреИрд░-рдПрдПрд╕рд╕реАрдЖрдИрдЖрдИ рд╡рд░реНрдг рд╢рд╛рдорд┐рд▓ рдХрд░рддреЗ рд╕рдордп
  • тАв рдлреЙрд░реНрдо рдбреЗрдЯрд╛ рдкреНрд░рд╕рд╛рд░рд┐рдд рдХрд░рддреЗ рд╕рдордп
  • тАв рдПрдкреАрдЖрдИ рдЕрдиреБрд░реЛрдзреЛрдВ рдореЗрдВ рд╡рд┐рд╢реЗрд╖ рд╡рд░реНрдгреЛрдВ рдХреЗ рд╕рд╛рде рдбреЗрдЯрд╛ рднреЗрдЬрддреЗ рд╕рдордп
  • тАв рд╡реЗрдм рд╡рд┐рдХрд╛рд╕ рдореЗрдВ рдпреВрдЖрд░рдПрд▓ рд╕реБрд░рдХреНрд╖рд╛ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░рддреЗ рд╕рдордп

рд╕рд╛рдорд╛рдиреНрдп рдПрдиреНрдХреЛрдбрд┐рдВрдЧ рд╡рд░реНрдг

рд╕реНрдерд╛рди тЖТ %20
! тЖТ %21
@ тЖТ %40
# тЖТ %23
$ тЖТ %24
% тЖТ %25
& тЖТ %26
+ тЖТ %2B

рдХреНрдпреВрдПрд╕ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдЙрджрд╛рд╣рд░рдг

import qs from 'qs';

const encoded = qs.stringify({ a: '1 2', b: ['x', 'y'] }, { encode: true });
// тЖТ a=1%202&b[0]=x&b[1]=y

const decoded = qs.parse(encoded);
// тЖТ { a: '1 2', b: ['x', 'y'] }

рд╡рд░реНрдг рдПрдиреНрдХреЛрдбрд┐рдВрдЧ

рд╡рд░реНрдг рдПрдиреНрдХреЛрдбрд┐рдВрдЧ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЛ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдПрдиреНрдХреЛрдбрд┐рдВрдЧ рдкреНрд░рд╛рд░реВрдкреЛрдВ рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░рдиреЗ рдХреЛ рд╕рдВрджрд░реНрднрд┐рдд рдХрд░рддрд╛ рд╣реИред рдпреВрдЖрд░рдПрд▓ рдПрдиреНрдХреЛрдбрд┐рдВрдЧ рдореЗрдВ, рд╡рд░реНрдг рдПрдиреНрдХреЛрдбрд┐рдВрдЧ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЛ рд╡рд┐рднрд┐рдиреНрди рдПрдиреНрдХреЛрдбрд┐рдВрдЧ рдкреНрд░рд╛рд░реВрдкреЛрдВ рдЬреИрд╕реЗ рдпреВрдЯреАрдПрдл-8, рдИрдпреВрд╕реА-рдХреЗрдЖрд░, рдЖрдИрдПрд╕рдУ-8859-1, рдЖрджрд┐ рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░ рд╕рдХрддрд╛ рд╣реИред