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?
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'