¿Qué es AJAX?

Obtenga la cadena en la cookie devuelta y envíela en el encabezado de la solicitud.

Nota: Es necesario introducir un complemento jquery.cookie.js.

$.ajax({?url: "/cookie_ajax/",?type:"POST",?header:{"X-CSRFToken":$.

galleta('csrftoken')},? // ¿Obtener el csrftoken de la cookie y configurarlo en el encabezado de la solicitud? Datos: { "Nombre de usuario": "Q1mi", "Contraseña": 123456},? Éxito: función (datos) {

console.log (datos);

}})

O escribe un método getCookie tú mismo:

Función getCookie(nombre) {

var cookieValue = null

if(document . cookie amp; ampdocument.cookie! == '') {

var cookies = documento cookie . split(';');

for(var I = 0;iltcookies.lengthi) {

var cookie = jquery trim(cookies[ I. ]);

//¿Esta cadena de cookies comienza con el nombre que queremos? if (cookie.substring(0, nombre . longitud 1)= =(nombre ' = '){

cookieValue = decodeURIComponent(cookie . substring(nombre . longitud 1));

Break;

}

}

}

Devolver cookieValue} var csrftoken = get cookie(' csrftoken '); p>

Es demasiado problemático escribir esto cada vez. Puede usar el método ajaxSetup() para configurar la solicitud ajax de manera uniforme

Función csrfSafeMethod(método) {

// ¿Estos métodos HTTP no requieren protección CSRF? return(/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));}$.ajaxSetup({?beforeSend: function(xhr, settings) ){

if (!csrfsafe método(configuración . tipo) amp; amp !this.crossDomain) {

?xhr .setrequestheader("X-CSRFToken",CSRFToken);

}

}});

Nota:

Si utiliza el método para obtener csrftoken de una cookie, debe asegurarse que la cookie tiene un valor csrftoken

Si el archivo HTML representado por su vista no contiene {csrf_token}, es posible que Django no configure la cookie CSRFtoken

En este momento, usted. necesita usar el decorador sure_csrf_Cookie() para forzar la configuración de la cookie

django.views.decorators.csrf import seek_csrf_cookie @ sure_csrf_cookie definición de inicio de sesión (solicitud): pasar

Para. Para obtener más detalles, consulte el CSRF oficial en Djagno File.

Archivo de carga AJAX

XMLHttpRequest es una interfaz de navegador a través de la cual podemos permitir que Javascript se comunique con HTTP(S).

XMLHttpRequest es una forma común de interactuar con datos de primer y segundo plano en los navegadores actuales. En febrero de 2008, se propuso un borrador de XMLHttpRequest Nivel 2. En comparación con la generación anterior, tiene algunas características nuevas, entre las cuales FormData es un objeto recién agregado de XMLHttpRequest Nivel 2. Úselo para enviar formularios y simular envíos de formularios. La mayor ventaja es que puede cargar archivos binarios. Específico a continuación.

Primero, echemos un vistazo al uso básico de FormData: el objeto formData, que puede combinar los nombres y valores de todos los elementos del formulario en una cadena de consulta y enviarlo a un segundo plano. Simplemente pase el formulario como parámetro al constructor FormData:

Presentamos cómo usar FormData para cargar archivos.

django.views.decorators.csrf importar asegurar_csrf_cookie @make_csrf_cookiedef inicio de sesión (solicitud):

pasar

o usar

var formulario = document . getelementbyid(" form 1 "); var FD = new FormData(form);

De esta manera, el fd también se puede enviar directamente a segundo plano a través del método ajax send().

Nota: Dado que FormData es una nueva interfaz de XMLHttpRequest Nivel 2, los navegadores IE por debajo de IE10 actualmente no admiten FormData.

Ejercicio (¿se ha registrado el nombre de usuario?)

Introducción a la función

En el formulario de registro, cuando el usuario completa el nombre de usuario y mueve el cursor, Enviará automáticamente una solicitud asincrónica al servidor. El servidor devuelve si el nombre de usuario ha sido registrado.

Análisis de caso

El formulario de registro se proporciona en la página.

Vincula el controlador de eventos onblur en la etiqueta de entrada del nombre de usuario.

Cuando la etiqueta de entrada pierde el foco, obtiene el valor del campo del formulario de nombre de usuario y envía una solicitud AJAX al servidor;

La función de vista de Django procesa la solicitud, obtiene el valor del nombre de usuario, y determina si el usuario está registrado en la base de datos. Si es así, devuelva "El usuario está registrado", en caso contrario responda "El nombre de usuario puede registrarse".

Serialización

Serializador integrado de Django

def books_json (solicitud): book_list = models. book .objects . all() [0:10] de django .core import serializer ret = serialize("JSON", book_list) return HttpResponse(ret)

Agregue un ejemplo de complemento SweetAlert.

Haz clic para descargar el proyecto Bootstrap-sweetalert.

$(".BTN-Peligro"). on("click ", function (){

Swal({ title: "¿Estás seguro de que deseas eliminarlo?", text: "¡Si lo eliminas, no podrás recuperarlo! ", escriba: "advertencia", showcancelbutton: verdadero, clase de botón de confirmación: "BTN-Danger", confirmbuttontext: "Eliminar", cancelButtonText: "Cancelar", cierre confirm: false.

},

Función () {

? var eliminarId = $(este).

attr(" datos _ id ");

? $.ajax({ url: "/delete_book/", tipo: "publicación", datos: {"id": deleteId}, éxito: función(datos){

?if (data.status = == 1) {

Swal("Eliminación exitosa!" "¡Estás listo para ejecutar!", "Éxito"

} De lo contrario {

Swal("Error al eliminar", "¡Puedes volver a intentarlo!", "Error")

}

}

})

});})

Texto original: AJAX-

Autor: Q1mi-?

De: Blog Garden-AJAX Roadmap

Tutorial AJAX

Si necesitas un tutorial, puedes dejar un mensaje "AJAX" y lo enviaré a usted después de verlo.