Cómo utilizar el objeto xmlhttprequest en javascript
Video: Creación de Objetos en javascript - Tutorial
Puede parecer a primera vista que javascript de XMLHttpRequest objeto es intensamente complicado, pero en realidad no lo es si se toma aparte y ver un poco a la vez. En realidad, la mayoría de los desarrolladores utilizan sólo unos pocos métodos y propiedades bien conocidas. Sin embargo, es muy posible que los desarrolladores usarían más características de este objeto si sabían que existían.
Video: 03.- Curso Videotutoriales AJAX. El Objeto XMLHTTPRequest
Cómo trabajar con la solicitud
Para obtener recursos del servidor, se debe hacer una solicitud. Después de todo, el servidor no ha leído la mente. Usted construye una solicitud mediante el uso de métodos y propiedades, y luego se utiliza el enviar() Método para transmitir la solicitud que se ha construido. La lista siguiente describe las propiedades normalmente asociadas con peticiones:
se acabó el tiempo: Determina el tiempo, en milisegundos, que la solicitud continuará tratando de obtener un recurso necesario del servidor.
withCredentials: Especifica que la solicitud debe incluir las credenciales del usuario cuando se establece en cierto. Las credenciales permiten el acceso seguro a los recursos en el servidor.
subir: Proporciona el servidor con una XMLHttpRequestUpload objeto que contiene los datos del servidor requiere para cumplir con una solicitud.
Ahora que tiene una mejor idea de qué propiedades están disponibles para hacer una solicitud, es el momento de mirar a los métodos. Los siguientes métodos se asocian generalmente con la fabricación de una solicitud de un cierto tipo:
abierto(): Crea una nueva solicitud. La solicitud puede incluir una serie de argumentos que se definen en la siguiente lista en el orden en que se proporciona:
método: Determina el método utilizado para acceder al recurso. Las dos opciones son válidos OBTENER y ENVIAR.
URL: Especifica la ubicación del recurso en el servidor.
asincrónico: Determina si la petición se hace de una manera síncrona o asíncrona. La persona que llama debe proporcionar una función de devolución de llamada cuando este indicador se establece en true (para una solicitud asincrónica).
nombre de usuario: Contiene el nombre de inicio de sesión del usuario para el acceso a los recursos seguros.
contraseña: Contiene la contraseña del usuario para el acceso a los recursos seguros.
setRequestHeader (): Crea un par nombre / valor para incluir con el encabezado de la solicitud. Usted indica el nombre y el valor como dos argumentos separados que la llamada utiliza para crear la entrada del encabezado de la solicitud.
enviar(): Transmite la petición al servidor. Suena simple, pero una serie de características están en su lugar para hacer el proceso más fiable. Usted puede leer sobre el proceso completo. Sin embargo, desde la perspectiva de un desarrollador, ¿cómo enviar() las obras no es tan importante como lo enviar() devoluciones. los enviar() Cualquiera de los métodos devuelve datos o un error. Estos son los cuatro errores más comunes:
redAlgo ha sucedido para detener la solicitud lleguen al servidor. En algunos casos, un error de sistema de nombres de dominio (DNS) hace que la solicitud de que se pierda antes de que alcance el servidor. En otros casos, se produce un error de Transport Layer Security (TLS), lo que significa que su aplicación puede no tener las credenciales necesarias.
abortar: El usuario final ha cancelado la petición. Para producir este error, la aplicación debe llamar a la abortar() método.
se acabó el tiempo: La solicitud se ha desviado de buscar los recursos que necesita y finalmente abandonado. Las solicitudes tienen un valor de tiempo de espera asociado con ellos. De lo contrario, la solicitud podría seguir buscando un recurso indefinidamente si ese recurso no existe.
solicitud: Hay un problema con la solicitud. Normalmente tiene que cavar más profundo para averiguar exactamente cuál es el problema. Sin embargo, hay una serie de causas comunes, incluyendo: solicitar un recurso inexistente, no proporcionar un argumento requerido, y proporcionar información del tipo incorrecto.
abortar(): Detiene la ejecución de la solicitud actual.
Cómo trabajar con la respuesta
los XMLHttpRequest objeto también ofrece una serie de propiedades de respuesta y métodos que se utilizan para determinar el éxito o el fracaso de una solicitud. Estas son las propiedades que se utilizan comúnmente cuando se trabaja con este objeto:
estado: Devuelve el código de estado HTTP. Un código de estado de 200 significa que la solicitud completada con éxito. Cualquier otro código refleja normalmente algún tipo de problema con el proceso de solicitud. Aquí está una lista de códigos de estado.
statusText: Devuelve el estado HTTP como un valor textual. Por ejemplo, un código de estado de 200 devuelve un valor de texto de DE ACUERDO. Aquí está una lista de Los valores de texto de estado y sus códigos asociados.
Video: Tutorial javascript parte 29 - AJAX get y post
readyState: Especifica el estado actual de procesamiento asíncrono. El estado puede ser cualquiera de los siguientes valores:
0Solicitud no inicializado
1: La conexión al servidor establecido
2: Solicitud recibida
3: Solicitud de Procesamiento
4Solicitud terminado y la respuesta está listo
responseType: Devuelve el valor de la Tipo de contenido cabecera de respuesta. Una aplicación puede utilizar este valor para determinar cómo reaccionar ante el tipo de respuesta ha enviado al servidor. Los tipos de retorno común son
“: Una cadena vacía indica que el tipo de retorno es desconocido o que se ha producido un error y no hay respuesta a procesar.
Video: Tutorial javascript introducción a AJAX
ArrayBuffer: Los datos están en la forma de una matriz.
gota: El remitente ha utilizado un objeto grande binario (BLOB) para almacenar los datos.
documento: Los datos aparecen como información estructurada en un documento XML. Normalmente, el documento sea completa, en lugar de un fragmento de XML.
JSON: El remitente ha utilizado javascript Object Notation (JSON) para encapsular los datos.
texto: La información aparece como texto sin formato, lo que puede significar que carece de contexto y estructura. Sin embargo, algunos formatos de texto están estructurados, tales como variable separados por comas (CSV).
respuesta: Contiene toda la respuesta sin ninguna interpretación como un objeto.
responseText: Contiene sólo el texto de una respuesta cuando el responseType valor es “ (La cadena vacía) o texto. Esta propiedad devuelve nada para los demás responseType valores.
responseXML: Contiene sólo el documento XML cuando el responseType valor es “ (La cadena vacía) o documento. Esta propiedad devuelve nada para los demás responseType valores.
Los métodos de respuesta ayudarán a interactuar con los datos de respuesta de alguna manera. Estos son los métodos de respuesta:
getResponseHeader (): Obtiene un valor de cabecera de la respuesta específica del objeto de respuesta. Usted indica el valor de la cabecera de la respuesta que desee, como por ejemplo Tipo de contenido, como un argumento para el método. No hay cabeceras de respuesta requeridos, y un servidor pueden crear cabeceras personalizadas.
getAllResponseHeaders (): Crea una matriz de todas las cabeceras de respuesta excepto los que se indican como Set-Cookie o Set-Cookie2.
overrideMimeType (): Especifica el valor de la Tipo de contenido cabecera de respuesta.