APIs RESTful

// GET Request
async function obtenerUsuarios() {
    try {
        const response = await fetch('/api/usuarios/', {
            method: 'GET',
            headers: {
                'Content-Type': 'application/json',
                'Authorization': `Bearer ${localStorage.getItem('token')}`
            }
        });
        
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
        
        const data = await response.json();
        return data;
    } catch (error) {
        console.error('Error:', error);
        throw error;
    }
}

// POST Request
async function crearUsuario(userData) {
    try {
        const response = await fetch('/api/usuarios/', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'Authorization': `Bearer ${localStorage.getItem('token')}`,
                'X-CSRFToken': getCookie('csrftoken')
            },
            body: JSON.stringify(userData)
        });
        
        if (!response.ok) {
            const errorData = await response.json();
            throw new Error(errorData.message || 'Error al crear usuario');
        }
        
        return await response.json();
    } catch (error) {
        console.error('Error:', error);
        throw error;
    }
}

// Configuración de Axios
const api = axios.create({
    baseURL: '/api/',
    timeout: 10000,
    headers: {
        'Content-Type': 'application/json'
    }
});

// Interceptor de request
api.interceptors.request.use(
    config => {
        const token = localStorage.getItem('token');
        if (token) {
            config.headers.Authorization = `Bearer ${token}`;
        }
        
        // Agregar CSRF token para métodos que lo requieren
        if (['post', 'put', 'patch', 'delete'].includes(config.method)) {
            config.headers['X-CSRFToken'] = getCookie('csrftoken');
        }
        
        return config;
    },
    error => Promise.reject(error)
);

// Interceptor de response
api.interceptors.response.use(
    response => response,
    error => {
        if (error.response?.status === 401) {
            // Token expirado, redirigir a login
            localStorage.removeItem('token');
            window.location.href = '/login/';
        }
        return Promise.reject(error);
    }
);

// Uso de la API
class UsuarioService {
    static async obtenerTodos() {
        const response = await api.get('usuarios/');
        return response.data;
    }
    
    static async crear(userData) {
        const response = await api.post('usuarios/', userData);
        return response.data;
    }
    
    static async actualizar(id, userData) {
        const response = await api.put(`usuarios/${id}/`, userData);
        return response.data;
    }
    
    static async eliminar(id) {
        await api.delete(`usuarios/${id}/`);
    }
}