Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

792
Views
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
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!