рдХреНрд▓рд╛рдЗрдВрдЯ рд╕рд╛рдЗрдб рдХреИрд╢рд┐рдВрдЧ рд▓рд╛рдЗрдмреНрд░реЗрд░реА

рдореИрдВрдиреЗ рд╣рдм рдкрд░ рдЗрд╕ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рдкреЛрд╕реНрдЯ рдХреА рддрд▓рд╛рд╢ рдХреА, рдореБрдЭреЗ рдпрд╣ рдирд╣реАрдВ рдорд┐рд▓рд╛ рдФрд░ рдЗрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдереЛрдбрд╝рд╛ рд▓рд┐рдЦрдиреЗ рдХрд╛ рдлреИрд╕рд▓рд╛ рдХрд┐рдпрд╛ред
рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХреЛ locache.js рдХрд╣рд╛ рдЬрд╛рддрд╛ рд╣реИ рдФрд░ рдЖрдкрдХреЛ JS рд╕реНрдЯреНрд░рд┐рдВрдЧреНрд╕, рд╕рд░рдгрд┐рдпреЛрдВ рдФрд░ рдСрдмреНрдЬреЗрдХреНрдЯреНрд╕ рдХреЛ рдХреИрд╢ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддрд╛ рд╣реИред рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХрд╛ рдореБрдЦреНрдп рдЖрдХрд░реНрд╖рдг рдпрд╣ рд╣реИ рдХрд┐ рдЖрдк рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕рддреНрд░ рдХреЗ рдЕрдВрджрд░ рдХреИрд╢ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЕрд░реНрдерд╛рдд рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд╡рд┐рдВрдбреЛ рдХреЛ рд░рд┐рдмреВрдЯ рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ, рдФрд░ рдЙрд╕рд╕реЗ рдкрд░реЗ, рдЕрд░реНрдерд╛рддреНред рдмреНрд░рд╛рдЙрдЬрд░ рдмрдВрдж рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рднреА рдХреИрд╢ рд░рд╣реЗрдЧрд╛ред



рдкреБрд╕реНрддрдХрд╛рд▓рдп рд╕реНрдерд▓ рд╕реЗ рдХреБрдЫ рдЙрджрд╛рд╣рд░рдг:

  1. // рдХреИрд╢ рд▓рд╛рдЗрдлрдЯрд╛рдЗрдо рд╕реЗрдЯ рдХрд░реЗрдВ
  2. var рд╕реЗрдХрдВрдб = 60 ;
  3. // рдХреИрд╢ рдХреЛ рдбреЗрдЯрд╛ рд▓рд┐рдЦреЗрдВ рдФрд░ рдЬреАрд╡рдирдХрд╛рд▓ рдХреЛ 60 рд╕реЗрдХрдВрдб рддрдХ рд╕реЗрдЯ рдХрд░реЗрдВ
  4. locacheред рд╕реЗрдЯ ( "рдХреБрдВрдЬреА" , {
  5. 'рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛' : 1 ,
  6. 'рдХрд┐рддрд╛рдмреЗрдВ' : [ 'рдП' , 'рдмреА' , 'рд╕реА' ]
  7. } , рд╕реЗрдХрдВрдб ) ;
  8. // рдХреИрд╢ рд╕реЗ рдбреЗрдЯрд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░реЗрдВ
  9. locacheред get ( "рдХреА" ) ;
  10. // {'рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛': 1, 'рдХрд┐рддрд╛рдмреЗрдВ': ['рдП', 'рдмреА', 'рд╕реА']}
  11. // рдзреНрдпрд╛рди рджреЗрдВ, рдСрдмреНрдЬреЗрдХреНрдЯ рд▓реМрдЯрд╛рдпрд╛ рдЧрдпрд╛ рд╣реИ, рди рдХрд┐ рд╕реНрдЯреНрд░рд┐рдВрдЧ
  12. // рдИрдбрди 60 рд╕реЗрдХрдВрдб рдФрд░ рдлрд┐рд░ рд╕реЗ рдХреИрд╢ рд╕реЗ рдбреЗрдЯрд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВ
  13. locacheред get ( "рдХреА" ) ;
  14. // рдЕрд╢рдХреНрдд
  15. // рдпрджрд┐ рдЖрдк рдХреЗрд╡рд▓ рд╡рд░реНрддрдорд╛рди рд╕рддреНрд░ рдХреЗ рд▓рд┐рдП рдбреЗрдЯрд╛ рдмрдЪрд╛рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ
  16. // рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдкреНрд░рд╡рд┐рд╖реНрдЯрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ
  17. locacheред рд╕рддреНрд░ ред рд╕реЗрдЯ ( "рдирд┐рдЬреА" , {
  18. 'рдкрд╕рдВрдж' : [ 'рдмрд┐рд▓реНрд▓реА рдХреЗ рдмрдЪреНрдЪреЗ' , 'рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ' ]
  19. } ;
  20. // рдЕрдиреНрдп рд╕рднреА рд╡рд┐рдзрд┐рдпрд╛рдБ рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рднреА рдХрд╛рдо рдХрд░рддреА рд╣реИрдВ
  21. locacheред рд╕рддреНрд░ ред рдорд┐рд▓ ( "рдирд┐рдЬреА" ) ;
  22. // рд╕рддреНрд░ рдореЗрдВ рд╕рдВрдЧреНрд░рд╣реАрдд рд╕рднреА рдбреЗрдЯрд╛ рдЦреЛ рдЬрд╛рдПрдЧрд╛
  23. // рдЬрдм рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХреЛ рдмрдВрдж рдХрд░ рджреЗрддрд╛ рд╣реИ


рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдореИрдВ рдЗрд╕ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдПрдХ рд╡рд╛рд╕реНрддрд╡рд┐рдХ рдЙрджрд╛рд╣рд░рдг рджреВрдВрдЧрд╛ред рдЕрдм рдореИрдВ рдПрдХ рд╡реЗрдм-рдЖрдзрд╛рд░рд┐рдд рдЗрдВрдЯрд░рдлрд╝реЗрд╕ рдкрд░ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдЬреЛ рдХреЗрд╡рд▓ рдПрдХ рдмрд╛рд░ рд▓реЛрдб рд╣реЛрддрд╛ рд╣реИ рдФрд░ рдлрд┐рд░ рд╕рднреА рдХреНрд░рд┐рдпрд╛рдПрдВ рдирдП рдбреЗрдЯрд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рд░реНрд╡рд░ рдкрд░ рдХреЗрд╡рд▓ AJAX рдЕрдиреБрд░реЛрдз рдХрд░рддреА рд╣реИрдВред рдЗрдВрдЯрд░рдлрд╝реЗрд╕ рдФрд░ рдЗрд╕рдХреЗ рд▓реЛрдб рдХрд░рдиреЗ рдпреЛрдЧреНрдп рдореЙрдбреНрдпреВрд▓ рдореЗрдВ рдХрдИ рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рд╣реИрдВ рдЬреЛ рдХрд╛рдлреА рдореБрд╢реНрдХрд┐рд▓ рд╕реЗ рдмрджрд▓рддреА рд╣реИрдВред рдореИрдВ рдРрд╕реА рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдХреЛ рдЬреЗрдПрд╕ рдСрдмреНрдЬреЗрдХреНрдЯреНрд╕ рдХреЗ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдкреНрд░рддрд┐рдирд┐рдзрд┐рддреНрд╡ рдХреЗ рд╕рд╛рде рд╕реНрдерд┐рд░ рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЗ рд░реВрдк рдореЗрдВ рд╕рдВрдЧреНрд░рд╣реАрдд рдХрд░рддрд╛ рд╣реВрдВред рдкреНрд░рддреНрдпреЗрдХ рдкрд░рд┐рд╡рд░реНрддрди рдХреЗ рд╕рд╛рде, рдлрд╝рд╛рдЗрд▓ рдХреЛ рдПрдХ рдЕрджреНрд╡рд┐рддреАрдп рдирд╛рдо рдорд┐рд▓рддрд╛ рд╣реИред рддрдм AJAX рдЕрдиреБрд░реЛрдзреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЗрди рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЛ рдЗрдВрдЯрд░рдлрд╝реЗрд╕ рджреНрд╡рд╛рд░рд╛ рдкрдврд╝рд╛ рдЬрд╛рддрд╛ рд╣реИред рдЙрдиреНрд╣реЗрдВ рдлрд╝рд╛рдЗрд▓ рдирд╛рдо рд╕реЗ рдХреИрд╢ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдореИрдВ рдЗрд╕ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВред

рдореБрдЭреЗ рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рдХреЛрдИ рдореЗрд░реА рддрд░рд╣ рд╣реА рдХрд╛рдо рдЖрдПрдЧрд╛ред

Source: https://habr.com/ru/post/In207884/


All Articles