Método de carga de jQuery

El método jQuery Load () se utiliza para recuperar los datos del servidor e incrustarlos en un elemento HTML. El método Load () se puede usar para obtener el contenido del texto o también desde un archivo HTML. Este artículo tiene como objetivo proporcionar una visión del método de carga jQuery () con los siguientes resultados de aprendizaje.

• Mecanismo de trabajo del método jQuery load ()
• Un ejemplo que demuestra el uso del método jQuery ()

Cómo funciona el método de carga jQuery

El funcionamiento de jQuery depende principalmente de la siguiente sintaxis.

$ (selector).carga (URL, datos, devolución de llamada);

Las instancias en la sintaxis anterior son,

• selector podría ser el nombre del elemento o la clase/ID que se refiere al elemento
• Url se refiere a la dirección del archivo que se está recuperando
• el datos (parámetro opcional) que se enviará con la solicitud (al servidor)
• el llamar de vuelta la función es opcional y se ejecuta después de la ejecución completa del método Load ()

Cómo usar el método de carga jQuery

Esta sección proporciona el uso del método de carga jQuery () en varios escenarios.

Ejemplo

La ejecución de este ejemplo comprende varios pasos que hemos seguido.

Paso 1: Creó un archivo HTML llamado LH.html y lo colocó en el servidor.

Los datos de LH.HTML se importa con éxito

Bienvenido a Linuxhint!

El código se describe a continuación,

- a div Se crea la etiqueta que contiene un H4 etiqueta, un pag etiqueta y un img etiqueta

El contenido de LH.html se muestra a continuación

Paso 2: Se crea otro archivo HTML con nombre índice.html (que se utilizará para importar datos del LH.html) y lo guardé dentro de la misma carpeta que LH.html.

jQuery

$ (documento).Ready (function ()
$ ("#btn").hacer clic (function ()
$ ("#uno").Carga ("LH.html ");
);
);

El código anterior es la parte principal del índice.html que ejecuta el carga() método para cargar el LH.html archivo.

- el evento de clic del botón ID = "btn"Cargará el contenido de LH.html en el índice.html archivo.

Html

Haga clic aquí para obtener el contenido

En el código HTML,

- a div se crea con id = "uno"Y un botón id ="btnSe crea que se usará para cargar el archivo (en la función de clic)

La salida del escenario anterior se muestra en el siguiente GIF.

La salida muestra que al hacer clic en el botón el contenido de LH.html se obtiene y se muestra en el índice.html.

Conclusión

El método jQuery Load () se usa para cargar los datos del servidor e incrustarlos en un elemento HTML. Este artículo ofrece el trabajo y el uso del método jQuery Load (). Para demostrar el método de funcionamiento del carga (), hemos presentado la sintaxis y el mecanismo de trabajo de procedimiento. Además, el ejemplo demostrado aquí carga los datos de un archivo y los integra en un elemento HTML (colocado en otro archivo).