El mejor tutorial de AJAX - el envío de una solicitud al servidor en 2024. En este tutorial podrás aprender Envía una petición al servidor,GET o POST?,petición GET,Ejemplos,Ejemplos,Ejemplos,solicitud POST,Ejemplos,Ejemplos,URL - archivos en el servidor,Asíncrono - Verdadero o Falso?,Async = true,Ejemplos,Async = false,Ejemplos,
objeto XMLHttpRequest para intercambiar datos con el servidor.
Para enviar una solicitud al servidor, se utiliza el método Open del objeto XMLHttpRequest () y send ():
camino | descripción |
---|---|
abierta(método, URL, asíncrono) | Tipo especifica la solicitud, la URL y el procesamiento de las solicitudes ya sean síncronos.
|
enviar(cadena) | Envía una petición al servidor.
|
En comparación con el POST, GET más fácil y más rápido, y en la mayoría de los casos se puede utilizar.
Sin embargo, en los siguientes casos, por favor utilice la solicitud POST:
Una petición GET sencilla:
En el ejemplo anterior, es posible obtener los resultados en caché.
Para evitar esto, añada un identificador único a la URL:
Si desea enviar información a través de método GET, agregar la información en la URL:
Una solicitud POST sencilla:
Si necesita que los datos como una forma de POST HTML, use setRequestHeader () para añadir cabeceras HTTP. A continuación, especifica que desea enviar datos en el método send ():
方法 | 描述 |
---|---|
setRequestHeader(header,value) |
向请求添加 HTTP 头。
|
argumentourlabierta () método es la dirección del servidor de archivos:
El archivo puede ser cualquier tipo de archivo, por ejemplo, .txt y .xml o los archivos de comandos de servidor, como .asp y .php (antes de devolver una respuesta, para realizar tareas en el servidor).
AJAX significa JavaScript asíncrono y XML (JavaScript asíncrono y XML).
Si desea utilizar AJAX objeto XMLHttpRequest, a continuación, el parámetro asíncrono cuya abierto () método debe establecerse en true:
Para los desarrolladores web, enviar una solicitud asincrónica es un gran paso adelante. En el servidor para realizar muchas tareas son mucho tiempo. Antes de producirse AJAX, lo que puede provocar que la aplicación para colgar o detener.
A través de AJAX, Javascript, sin esperar a la respuesta del servidor, pero:
Cuando se utiliza async = true, por favor disposiciones en respuesta a los eventos en onreadystatechange disposición para realizar una función:
Usted aprenderá más sobre el contenido onreadystatechange en un capítulo posterior.
Para utilizar el async = falso, establecer el método open () en el tercer parámetro a false:
xmlhttp.open("GET","test1.txt",false);
No se recomienda el uso de async = falso, pero por alguna pequeña petición, también es posible.
Recuerde, JavaScript esperará hasta que la respuesta del servidor está listo para proceder. Si el servidor está ocupado o lento, o detener la aplicación se bloquea.
Nota: Cuando se utiliza el async = falso, por favor no escribir onreadystatechange función - poner el código en el send () de nuevo a la declaración: