Método de carga jQuery

O método jQuery load () é usado para recuperar os dados do servidor e incorporá -los em um elemento HTML. O método load () pode ser usado para obter o conteúdo do texto ou de um arquivo HTML também. Este artigo tem como objetivo fornecer uma visão do método de carga jQuery () com os seguintes resultados de aprendizado.

• Mecanismo de trabalho do método jQuery ()
• Um exemplo que demonstra o uso do método jQuery ()

Como funciona o método de carga jQuery

O funcionamento do jQuery depende principalmente da seguinte sintaxe.

$ (seletor).carregar (URL, dados, retorno de chamada);

As instâncias na sintaxe acima são,

• Seletor pode ser o nome do elemento ou a classe/id referindo -se ao elemento
• Url refere -se ao endereço do arquivo que está sendo buscado
• o dados (parâmetro opcional) a ser enviado com a solicitação (para o servidor)
• o ligar de volta A função é opcional e é executada após a execução completa do método de carga ()

Como usar o método de carga jQuery

Esta seção fornece o uso do método de carga jQuery () em vários cenários.

Exemplo

A execução deste exemplo é composta por várias etapas que seguimos.

Passo 1: Criou um arquivo html nomeado LH.html e colocou -o no servidor.

Os dados de LH.HTML é importado com sucesso

Bem -vindo ao Linuxhint!

O código é descrito abaixo,

- a div Tag é criado que contém um H4 tag, a p tag, e um img marcação

O conteúdo de LH.html é exibido abaixo

Passo 2: Outro arquivo html é criado denominado índice.html (que será usado para importar dados do LH.html) e salvou -o dentro da mesma pasta que de LH.html.

jQuery

$ (documento).pronto (function ()
$ ("#btn").clique (function ()
$ ("#um").carga ("LH.html ");
);
);

O código acima é a parte principal do índice.html que executa o carregar() Método para carregar o LH.html arquivo.

- O evento de clique do botão id = ”btn”Carregará o conteúdo de LH.html no índice.html arquivo.

Html

Clique aqui para obter o conteúdo

No código HTML,

- a div é criado com id = ”um”E um botão id =”btn”É criado que será usado para carregar o arquivo (na função de clique)

A saída do cenário acima é mostrada no seguinte GIF.

A saída mostra que, ao clicar no botão, o conteúdo de LH.html é buscado e exibido no índice.html.

Conclusão

O método jQuery load () é usado para carregar os dados do servidor e incorporá -los em um elemento HTML. Este artigo oferece o trabalho e o uso do método jQuery load (). Para demonstrar o método de funcionamento do load (), apresentamos o mecanismo de sintaxe e trabalho processual. Além disso, o exemplo demonstrado aqui carrega os dados de um arquivo e o integra em um elemento HTML (colocado em outro arquivo).