dado que bootstrap 5 ya no se envía con jquery y recomienda usar el XMLHttpRequest() de javascript de vainilla para realizar solicitudes dinámicas, eso es lo que estoy tratando de hacer en django. Todos los otros ejemplos de hacer esto usan el tradicional .$ajax. Tengo una función básica de javascript:
function sendPhoneVerification(_phone) { var http = new XMLHttpRequest(); const params = { phone: _phone } http.open('POST', '/approvephone/', true) http.setRequestHeader("X-CSRFToken", "{{ csrf_token }}"); http.setRequestHeader('Content-type', 'application/json') http.setRequestHeader('phone', _phone) http.send(JSON.stringify(params)) http.onload = function() { alert(http.responseText) } }El token de middlware CSRF funciona bien, pero en la vista, form.is_valid() devuelve falso y el error es que falta el campo obligatorio "teléfono". No puedo decir cómo se supone que debo proporcionar ese valor. El formulario que se está probando es un formulario simple con un campo
class AddPhoneForm(forms.Form): phone = PhoneNumberField()parte relevante de la vista
@csrf_protect @login_required def approvephone(request): if request.method == 'POST': form = AddPhoneForm(request.POST) if form.is_valid() #returns false and error is missing field "phone"¿Alguna idea de cómo puedo proporcionar correctamente los campos de teléfono en la respuesta POST para hacer feliz a Django?
ok, me siento estúpido, pero en django necesitas enviar 'Content-type', 'application/x-www-form-urlencoded' como se describe aquí https://developer.mozilla.org/en-US/docs/Web/ API/XMLHttpRequest/enviar
function sendPhoneVerification(_phone) { alert("Hello! I am an alert box!!" + _phone); var http = new XMLHttpRequest(); http.open('POST', '/approvephone/', true) http.setRequestHeader("X-CSRFToken", "{{ csrf_token }}"); http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded') http.send("phone="+_phone) http.onload = function() { alert(http.responseText) }