Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!- Parte HTML -->
- <form id="seuFormulario" enctype="multipart/form-data">
- <!-- Seus campos do formulário aqui -->
- <input type="file" name="imagem" id="id_imagem">
- <!-- Outros campos do formulário -->
- <button type="button" id="enviarFormulario">Enviar</button>
- </form>
- <!-- Parte Ajax -->
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- const formulario = document.getElementById('seuFormulario');
- formulario.addEventListener('submit', function(e) {
- e.preventDefault();
- const formData = new FormData(this);
- enviarFormulario(formData);
- });
- function enviarFormulario(formData) {
- const xhr = new XMLHttpRequest();
- xhr.open('POST', '{% url "sua_view" %}', true);
- xhr.onload = function() {
- if (xhr.status >= 200 && xhr.status < 400) {
- // Lógica de manipulação de resposta bem-sucedida
- console.log(xhr.responseText);
- } else {
- // Lógica de manipulação de erro
- console.error(xhr.statusText);
- }
- };
- xhr.onerror = function() {
- // Lógica de manipulação de erro de conexão
- console.error('Erro de conexão');
- };
- xhr.send(formData);
- }
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement