Axios library

16.08.2024

13

0

0

0

• Make XMLHttpRequests from the browser
• Make http requests from node.js
• Supports the Promise API
• Intercept request and response
• Transform request and response data
• Cancel requests
• Timeouts
• Query parameters serialization with support for nested entries
• Automatic request body serialization to:
  • JSON (application/json)
  • Multipart / FormData (multipart/form-data)
  • URL encoded form (application/x-www-form-urlencoded)
• Posting HTML forms as JSON
• Automatic JSON data handling in response
• Progress capturing for browsers and node.js with extra info (speed rate, remaining time)
• Setting bandwidth limits for node.js
• Compatible with spec-compliant FormData and Blob (including node.js)
• Client side support for protecting against XSRF

axios.get('/api/results/')
    .then(response => {
        setItemsData(response.data); // Save the data in state  
    })
    .catch(error => {
        console.error('There was an error fetching the data!', error);
    });

axios.post('/api/results/', form_data)
    .then(data => {
        console.log('Success:', data);
        setUpdateTrigger(true)
    })
    .catch(error => {
        console.error('Error:', error);
    });

axios.put(`/api/results/${form_el.target.id}/`, form_data)
    .then(data => {
        console.log('Success:', data);
        setUpdateTrigger(true)
    })
    .catch(error => {
        console.error('Error:', error);
    });

axios.delete(`/api/results/${item.id}/`)
    .then((res) => setUpdateTrigger(true));

Feedback form

---

---

Used in