• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

328
Views
La solicitud de publicación de Ajax está imprimiendo la respuesta json en una página html vacía en lugar de la página de registro html

Estoy creando un sitio web en django con ajax. He creado una plantilla django de archivo html base y otras dos plantillas html llamadas signup.html y home.html.

He escrito un código para hacer una solicitud ajax con un formulario de registro en un archivo base.html como este.

 $("#signupBtn").click(function () { event.preventDefault(); username = $('#id_username').val(); password1 = $('#id_password1').val(); password2 = $('#id_password2').val(); data = { username=username, password1=password1, password2=password2 } $.ajax({ type: 'POST', url: '{% url "signup" %}', data: data, success: function (response) { // $('#msg').html(`<p style="font-size: 30px;color: lime;font-weight: bold;">User created succcess!</p>`); console.log('FORM SUCCESS!') window.location = '{% url "home" %}' }, error: function () { } }) });

y mis vistas de registro son así:

 class signup(View): def post(self, request): fm=UserCreationForm(request.POST) if fm.is_valid(): fm.save() return JsonResponse({'status':1}) fm = UserCreationForm() return JsonResponse({'status':0}) def get(self, request): fm = UserCreationForm() return render(request, "home/signup.html", {"form":fm})

El principal problema es este, cuando se muestra el formulario de solicitud GET y podemos ingresar todos los detalles para crear una cuenta y también una cuenta creada con éxito en el panel de administración. Pero en la solicitud POST , después de guardar el formulario, obtengo la respuesta json impresa en una página en blanco en lugar de obtener nuevamente esa página de registro.

¿Cómo es posible volver a la misma página después de realizar la solicitud posterior?

Esto es un problema: ingrese la descripción de la imagen aquí

about 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Soy un nuevo programador aquí, así que no me culpes si me equivoco, pero esta es mi opinión sobre esto, puedes probar esto para la inicialización de tu objeto.

 var data = { 'username': $('#id_username').val() , 'password1': $('#id_password1').val() , 'password2': $('id_password2').val() } console.log(data)

la otra razón por la que su valor no se pasa con éxito podría deberse a que su tipo de datos no está asignado cuando envía su objeto que debe incluir en su ajax, que es

dataType: 'json'

about 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error