HTTP(Hypertext Transfer Protocol)? ???? ??? ??? ?????. ?????(?: ? ???? ?? ?)? ?? ?? ??? ??? ???? ???? ??? ???? ???????. HTTP ????? ??? ?????? API?? ???? ? ?? ??? ???? ????? ?? ??? ????? ?? ? ??????? ???? ????? ??????.

? ?????? HTTP ????, ? ????? ???, ??? ?????? ??? ?? JavaScript? HTTP ??? ????? ??? ???????.

HTTP ?????? ??????

HTTP ????? HTTP ????? ???? ???? ?? ???? ???? ????? ?????. ?? ?? ??????. ?, ? ??? ????? ????? HTTP? ? ??? ??? ?? ???? ??? ????? ?? ??? ?????.

?? HTTP ??:

• ??-?? ??: ?????? ??? ??? ??? ??? ??? ???? ?? ???? ?????.
• ?? ??? ??: ? HTTP ??? ????? ?? ?? ??? ?? ??? ????.
• ???: HTTP? ?? ?? ??? ???? GET, POST, PUT ? DELETE? ?? ??? ?? ???? ?????.

HTTP ??? ????:

• URL: ??? ??? ?????.
• ??: ?? ??, ??? ?? ?? ?? ?????? ?????.
• ??: ?? ???? POST ?? PUT? ?? ??? ???? ???? ????.

JavaScript? ??? HTTP ????

JavaScript? ??? ???? ?? ?? ???? ?????? ???? HTTP ??? ??????. SPA(?? ??? ??????)? ??? ????, RESTful API?? ????, ??? ???? ?? ? JavaScript?? ?? ????? ??? ??? ????.

HTTP ????? ?? ??

1. ???? API Fetch API? HTTP ??? ?? ?? ????????. Promise? ???? ??? ? ???? ??? ?? ??? ? ?? ????. ?:

   fetch('https://api.example.com/data')
       .then(response => {
           if (!response.ok) {
               throw new Error('Network response was not ok');
           }
           return response.json();
       })
       .then(data => console.log(data))
       .catch(error => console.error('Error:', error));

1. XMLHttpRequest(XHR) XMLHttpRequest? ?? Fetch? ?????? ??? ???????? ??? ?????. ??? ?? ??? ??? ????? ? ?????. ?:

   const xhr = new XMLHttpRequest();
   xhr.open('GET', 'https://api.example.com/data');
   xhr.onload = () => {
       if (xhr.status === 200) {
           console.log(JSON.parse(xhr.responseText));
       }
   };
   xhr.send();

1. ???? Axios? HTTP ????? ????? ?? ?? ?? ????????. ????, ?? ?? ? ?? JSON ?? ??? ?? ??? ?????. ?:

   axios.get('https://api.example.com/data')
       .then(response => console.log(response.data))
       .catch(error => console.error('Error:', error));

HTTP ????? ???? ??

???? HTTP? ???? ?? ??? ?? ? ?? ??? ?????.

1. ?? ??: ??? ??? ??? ????? ???? ??, ?? ?? ? ?? ??? ?? ??? ?? ??? ?????.

   • Promise?? try-catch ???? .catch()? ?????.
   • ??? ??? ?? ??? ??? ?????.

2. CORS(Cross-Origin Resource Sharing): ??? ????? ???? ?????? CORS ??? ???? ??? ??? ??? ?????.

3. ?? ???:

   • ???? ??? HTTP ?? ?? ??????.
   • ?? ? ??? ?? ??? ?????(?: Gzip).

4. ??:

   • HTTPS? ???? ???? ??????.
   • ??? ????? ??? ?? ??? ?????.

?? HTTP ????

?? ??????? ??, ??? ????, ?? ????? ?? ?? ?? ??? ?? API? ???? ??? ????. ???? HTTP ????? ??? ?????.

• ?? ???? ?? ??? ?????.
• ???? ??? ???? ??? ??.
• ??? ??? ????? ??? ??? ???????.

?: Fetch? ???? API ?? ? ??? ???

async function fetchData() {
   try {
       const response = await fetch('https://api.example.com/users');
       if (!response.ok) {
           throw new Error('Failed to fetch data');
       }
       const users = await response.json();
       console.log(users);
   } catch (error) {
       console.error('Error:', error);
   }
}
fetchData();

HTTP ????? ????? ?? ?? ? ??????? ??? ?????? ????? ??????. Fetch API, XMLHttpRequest ?? Axios? ?? ?? ?????? ???? HTTP ?? ? ??? ??? ??? ???? ???? ???? ???? ??? ? ??????? ??? ? ????.

?? ???? JavaScript? HTTP ?????? HTTP ????? ?? ???? ?? ? ?? ???? ?????.

? ?? ? ?? ??? ??? ????? ?? ?? HTTP ?? ???? ?????!

? ??? HTTP ????: ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!