ЁЯе│рд╣рдорд╛рд░реЗ рд╢рдХреНрддрд┐рд╢рд╛рд▓реА рд╡реЗрдм рд╕реНрдХреНрд░реИрдкрд┐рдВрдЧ рдЯреВрд▓рдХрд┐рдЯ рддрдХ рдкрд╣реБрдВрдЪрдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрдХреНрд░реИрдкрд▓реЗрд╕ рдХрдореНрдпреБрдирд┐рдЯреА рдФрд░ рдЕрдкрдиреЗ рдирд┐: рд╢реБрд▓реНрдХ рдкрд░реАрдХреНрд╖рдг рдХрд╛ рджрд╛рд╡рд╛ рдХрд░реЗрдВ!
рдШрд░рд╢рдмреНрджрдХреЛрд╖рдПрдХреНрд╕рд┐рдпреЛрд╕

рдПрдХреНрд╕рд┐рдпреЛрд╕

рдирдореВрдирд╛ рд╡рд┐рд╡рд░рдг

Axios рдПрдХ JavaScript рдЖрдзрд╛рд░рд┐рдд HTTP рдХреНрд▓рд╛рдЗрдВрдЯ рд╣реИ рдЬреЛ рд╕рд░реНрд╡рд░реЛрдВ рдХреЗ рд╕рд╛рде рд╕рдВрд╡рд╛рдж рдХреЛ рд╕рд░рд▓ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рд╡рд╛рджреЛрдВ (promises) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИред рдпрд╣ GET, POST, PUT, рдФрд░ DELETE рд╕рд╣рд┐рдд HTTP рдЕрдиреБрд░реЛрдз рд╡рд┐рдзрд┐рдпреЛрдВ рдХреА рдПрдХ рд╢реНрд░реГрдВрдЦрд▓рд╛ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ, рдФрд░ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдФрд░ Node.js рджреЛрдиреЛрдВ рд╡рд╛рддрд╛рд╡рд░рдгреЛрдВ рдореЗрдВ рд╕рд╣рдЬрддрд╛ рд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рдЕрд╕рд┐рдВрдХреНрд░реЛрдирд╕ HTTP рдЕрдиреБрд░реЛрдзреЛрдВ рдХреЛ рд╕рд░рд▓ рдмрдирд╛рдХрд░, рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдбреЗрдЯрд╛ рдХрд╛ рдкреНрд░рдмрдВрдзрди рдХрд░рдХреЗ, рдФрд░ рдзрд╛рд░рдХреЛрдВ (headers) рдХреЛ рдХреБрд╢рд▓рддрд╛рдкреВрд░реНрд╡рдХ рд╕рдВрднрд╛рд▓рддреЗ рд╣реБрдП, Axios рд╡рд┐рдХрд╛рд╕рдХрд░реНрддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдПрдХ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдЙрдкрдХрд░рдг рдмрди рдЧрдпрд╛ рд╣реИ рдЬреЛ рдлреНрд░рдВрдЯреЗрдВрдб рдФрд░ рдмреИрдХреЗрдВрдб рдкрд░рд┐рдпреЛрдЬрдирд╛рдУрдВ рдкрд░ рдХрд╛рдо рдХрд░ рд░рд╣реЗ рд╣реИрдВред

рд╡реИрдХрд▓реНрдкрд┐рдХ рд╢рдмреНрдж: JavaScript HTTP рдХреНрд▓рд╛рдЗрдВрдЯ рдкреБрд╕реНрддрдХрд╛рд▓рдпред


рдкреНрд░рдореБрдЦ рддреБрд▓рдирд╛

  • Axios рдмрдирд╛рдо Fetch API: рдЬрдмрдХрд┐ Axios рдФрд░ Fetch API рджреЛрдиреЛрдВ HTTP рдЕрдиреБрд░реЛрдз рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВ, Axios рдЕрддрд┐рд░рд┐рдХреНрдд рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИ рдЬреИрд╕реЗ рдХрд┐ рдЕрдиреБрд░реЛрдз/рдЙрддреНрддрд░ рдЗрдВрдЯрд░рд╕реЗрдкреНрдЯрд░, рд╕реНрд╡рддрдГ JSON рдкрд░рд┐рд╡рд░реНрддрди, рдФрд░ рд╕рдордп рд╕реАрдорд╛ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рдитАФрд╡рд┐рд╢реЗрд╖рддрд╛рдПрдБ рдЬреЛ Fetch рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ рдкреНрд░рджрд╛рди рдирд╣реАрдВ рдХрд░рддрд╛ред

  • Axios рдмрдирд╛рдо jQuery.ajax(): jQuery.ajax() рдХреЗ рд╡рд┐рдкрд░реАрдд, рдЬреЛ рдмрдбрд╝реЗ рдФрд░ рднрд╛рд░реА jQuery рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХрд╛ рдПрдХ рд╣рд┐рд╕реНрд╕рд╛ рд╣реИ, Axios рдЕрдзрд┐рдХ рдЖрдзреБрдирд┐рдХ, рд╣рд▓реНрдХрд╛, рдФрд░ HTTP рдЕрдиреБрд░реЛрдзреЛрдВ рдХреЛ рдХреБрд╢рд▓рддрд╛рдкреВрд░реНрд╡рдХ рд╕рдВрднрд╛рд▓рдиреЗ рдХреЗ рд▓рд┐рдП рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдбрд┐рдЬрд╝рд╛рдЗрди рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред


рдлрд╛рдпрджреЗ

  • рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЗ рдЕрдиреБрдХреВрд▓: рд╕рд╛рдл рдФрд░ рд╕рд╣рдЬ-рд╕рдВрдХреЗрдд (intuitive syntax) рдХреЗ рд╕рд╛рде HTTP рдЕрдиреБрд░реЛрдзреЛрдВ рдХреЛ рд╕рд░рд▓ рдмрдирд╛рддрд╛ рд╣реИред
  • рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рд╕реЗ рднрд░рдкреВрд░: рдЗрдВрдЯрд░рд╕реЗрдкреНрдЯрд░, рд╕рдордп рд╕реАрдорд╛ рд╕реЗрдЯрд┐рдВрдЧреНрд╕, рдФрд░ рд╕реНрд╡рддрдГ JSON рдкрд╛рд░реНрд╕рд┐рдВрдЧ рдЬреИрд╕реА рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рдЙрдкрдХрд░рдгреЛрдВ рдХреЛ рд╢рд╛рдорд┐рд▓ рдХрд░рддрд╛ рд╣реИред
  • рдХреНрд░реЙрд╕-рдкреНрд▓реЗрдЯрдлрд╝реЙрд░реНрдо рд╕рдВрдЧрддрддрд╛: рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдФрд░ Node.js рджреЛрдиреЛрдВ рд╡рд╛рддрд╛рд╡рд░рдгреЛрдВ рдореЗрдВ рдирд┐рд░реНрдмрд╛рдз рдХрд╛рд░реНрдп рдХрд░рддрд╛ рд╣реИред
  • рд╕реБрдзрд░реЗ рд╣реБрдП рддреНрд░реБрдЯрд┐ рдкреНрд░рдмрдВрдзрди: рд╡рд┐рд╕реНрддреГрдд рддреНрд░реБрдЯрд┐ рдЬрд╛рдирдХрд╛рд░реА рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИ, рдЬрд┐рд╕рд╕реЗ рдбрд┐рдмрдЧрд┐рдВрдЧ рдХрд░рдирд╛ рдЖрд╕рд╛рди рд╣реЛрддрд╛ рд╣реИред

рдиреБрдХрд╕рд╛рди

  • рдмрд╛рд╣рд░реА рдирд┐рд░реНрднрд░рддрд╛: рдЖрдкрдХреЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ рдПрдХ рдЕрддрд┐рд░рд┐рдХреНрдд рдкреБрд╕реНрддрдХрд╛рд▓рдп рдЬреЛрдбрд╝рддрд╛ рд╣реИ, рдЬрд┐рд╕рд╕реЗ рдЗрд╕рдХрд╛ рдЖрдХрд╛рд░ рдереЛрдбрд╝рд╛ рдмрдврд╝рддрд╛ рд╣реИред
  • рдЕрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдЬреНрдЮрд╛рди рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛: рд╡рд╛рджреЛрдВ рдпрд╛ рдЕрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдкреНрд░реЛрдЧреНрд░рд╛рдорд┐рдВрдЧ рдЕрд╡рдзрд╛рд░рдгрд╛рдУрдВ рд╕реЗ рдЕрдкрд░рд┐рдЪрд┐рдд рд╢реБрд░реБрдЖрддреА рд▓реЛрдЧреЛрдВ рдХреЗ рд▓рд┐рдП рдЪреБрдиреМрддрд┐рдпрд╛рдБ рдкреНрд░рд╕реНрддреБрдд рдХрд░ рд╕рдХрддрд╛ рд╣реИред

рд╡реНрдпрд╛рд╡рд╣рд╛рд░рд┐рдХ рдЙрджрд╛рд╣рд░рдг

рдпрд╣рд╛рдВ рдПрдХ рдЙрджрд╛рд╣рд░рдг рд╣реИ рдХрд┐ рдХреИрд╕реЗ API рд╕реЗ рдбреЗрдЯрд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП Axios рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ:

javascript Copy
const axios = require('axios');

axios.get('https://api.example.com/data')
  .then(response => {
    console.log(response.data); // рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдбреЗрдЯрд╛ рдХреЛ рдкреНрд░реЛрд╕реЗрд╕ рдХрд░реЗрдВ
  })
  .catch(error => {
    console.error('рдбреЗрдЯрд╛ рд▓рд╛рдиреЗ рдореЗрдВ рддреНрд░реБрдЯрд┐:', error); // рдХрд┐рд╕реА рднреА рддреНрд░реБрдЯрд┐рдпреЛрдВ рдХреЛ рд╕рдВрднрд╛рд▓реЗрдВ
  });
рдЗрд╕ рдкреГрд╖реНрда рдкрд░