Advertisement
Rnery

Ajax to Django..

Jan 3rd, 2024 (edited)
878
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 1.33 KB | Source Code | 0 0
  1. <!- Parte HTML -->
  2. <form id="seuFormulario" enctype="multipart/form-data">
  3.     <!-- Seus campos do formulário aqui -->
  4.     <input type="file" name="imagem" id="id_imagem">
  5.     <!-- Outros campos do formulário -->
  6.     <button type="button" id="enviarFormulario">Enviar</button>
  7. </form>
  8.  
  9. <!-- Parte Ajax -->
  10.  
  11. <script>
  12. document.addEventListener('DOMContentLoaded', function() {
  13.     const formulario = document.getElementById('seuFormulario');
  14.  
  15.     formulario.addEventListener('submit', function(e) {
  16.         e.preventDefault();
  17.         const formData = new FormData(this);
  18.         enviarFormulario(formData);
  19.     });
  20.  
  21.     function enviarFormulario(formData) {
  22.         const xhr = new XMLHttpRequest();
  23.  
  24.         xhr.open('POST', '{% url "sua_view" %}', true);
  25.  
  26.         xhr.onload = function() {
  27.             if (xhr.status >= 200 && xhr.status < 400) {
  28.                 // Lógica de manipulação de resposta bem-sucedida
  29.                 console.log(xhr.responseText);
  30.             } else {
  31.                 // Lógica de manipulação de erro
  32.                 console.error(xhr.statusText);
  33.             }
  34.         };
  35.  
  36.         xhr.onerror = function() {
  37.             // Lógica de manipulação de erro de conexão
  38.             console.error('Erro de conexão');
  39.         };
  40.  
  41.         xhr.send(formData);
  42.     }
  43. });
  44. </script>
  45.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement