Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

789
Vistas
Django: cómo descargar un archivo en el cliente después de una solicitud de Ajax

Tengo una aplicación Django donde los usuarios pueden guardar sus contactos. No estoy creando un flujo para permitir que los usuarios descarguen sus contactos localmente.

Para hacerlo, construí un CTA ("descargar") que si se hace clic

  1. Obtiene el id del contacto seleccionado
  2. Activa una solicitud Ajax a mis vistas
  3. En la vista, obtengo la identificación del contacto, recupero los datos de mi base de datos y creo una tarjeta VCF a partir de ella. (Una tarjeta de contacto - básicamente un archivo de texto)

Ahora me gustaría descargar dicho archivo en la máquina del cliente, pero no sé cómo hacerlo.

Logré hacerlo si redirijo a una nueva URL donde la vista hace exactamente lo que hace mi vista a continuación, quiero permitir que los usuarios descarguen el archivo sin ser redirigidos a una nueva página. Además, tratando de evitar almacenar las identificaciones de contacto en la URL.

Es por eso que estoy tratando de usar ajax, pero creo que eso está creando problemas porque la solicitud de Ajax espera a JsonReponse desde la vista.

Intenté tanto un GET como un POST pero no funciona.

Esta es mi vista actualmente:

 def get(self, request, *args, **kwargs): #Get the ids ids = request.GET.getlist('contact_ids[]') # Get contqacts associated with ids contacts = Contact.objects.filter(id__in=ids) # Transform contacts into long text text = Vcard().GroupVcards(contacts) #Create file on the fly and attach it to the response (is this correct actually?) response = HttpResponse(content_type='text/plain') response['Content-Disposition'] = 'attachment;filename=ven.vcf' response.writelines(text) #return return response

Este es el Jquery que activa el ajax.

 $('.Vcard').on('click', function(e) { let id = $(this).data('contact_id') $.ajax({ type: "GET", url: Urls['action:DownloadContact'](), data: { csrfmiddlewaretoken: csrftoken, 'contact_ids': [id], }, error: function(response){ console.log(response) console.log('error') }, success: function(response) { console.log(response) console.log('success') } }); })
over 4 years ago · Santiago Trujillo
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda