HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-02-26
1 <p>Fetch API в JavaScript предоставляет простой и мощный способ выполнения HTTP запросов к серверу и обработки полученных ответов. Он является заменой устаревших методов, таких как XMLHttpRequest.</p>
1 <p>Fetch API в JavaScript предоставляет простой и мощный способ выполнения HTTP запросов к серверу и обработки полученных ответов. Он является заменой устаревших методов, таких как XMLHttpRequest.</p>
2 <ol><li>Выполнение GET запроса:</li>
2 <ol><li>Выполнение GET запроса:</li>
3 </ol>fetch('https://api.example.com/data') .then(response =&gt; { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); // Преобразуем ответ в JSON }) .then(data =&gt; { console.log(data); }) .catch(error =&gt; { console.error('Fetch error:', error); });<ol><li>Выполнение POST запроса с передачей данных:</li>
3 </ol>fetch('https://api.example.com/data') .then(response =&gt; { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); // Преобразуем ответ в JSON }) .then(data =&gt; { console.log(data); }) .catch(error =&gt; { console.error('Fetch error:', error); });<ol><li>Выполнение POST запроса с передачей данных:</li>
4 </ol>const postData = { name: 'John Doe', email: 'johndoe@example.com' }; fetch('https://api.example.com/user', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(postData) }) .then(response =&gt; { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); // Преобразуем ответ в JSON }) .then(data =&gt; { console.log(data); }) .catch(error =&gt; { console.error('Fetch error:', error); });<p>Помимо всего, Fetch API позволяет использовать различные параметры запроса, такие как метод запроса (GET, POST и т.д.), заголовки, режим кэширования (cache), параметры запроса (query parameters), таймауты и многое другое.</p>
4 </ol>const postData = { name: 'John Doe', email: 'johndoe@example.com' }; fetch('https://api.example.com/user', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(postData) }) .then(response =&gt; { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); // Преобразуем ответ в JSON }) .then(data =&gt; { console.log(data); }) .catch(error =&gt; { console.error('Fetch error:', error); });<p>Помимо всего, Fetch API позволяет использовать различные параметры запроса, такие как метод запроса (GET, POST и т.д.), заголовки, режим кэширования (cache), параметры запроса (query parameters), таймауты и многое другое.</p>