Como recarregar a div sem recarregar a página inteira em jQuery

Ao criar várias páginas da web para um site, pode haver um requisito para replicar os dados. Por exemplo, utilizando os mesmos dados em uma página da web diferente no evento acionado. Nessas situações, recarregar a div sem recarregar a página inteira auxilia no gerenciamento dos dados de maneira eficaz, economizando tempo.

Este blog discutirá as abordagens para recarregar a div sem recarregar a página inteira em JavaScript.

Como recarregar a div sem recarregar a página inteira em jQuery?

O "div”Pode ser recarregado sem recarregar a página inteira usando o método“ on () ”de JQuery em combinação com o“carregar()”Método.

O método on () associa um ou mais manipuladores de eventos para os elementos, e o método load () carrega o conteúdo no elemento buscado. Esses métodos podem ser combinados para acessar a div e recarregá -la no evento acionado.

Exemplo
Vamos ver o seguinte código HTML:

É assim que recarregue o div sem recarregar a página inteira

JavaScript é uma linguagem de programação que contém funções, variáveis, eventos e objetos etc.

recarregar

No bloco de código acima:

• Inclua o cabeçalho declarado.
• Além disso, especifique o elemento "" com o atributo "id".
• Depois disso, inclua o parágrafo dentro do “

  ”Tag e um botão para acionar a funcionalidade desejada.

Agora, vamos para o código JavaScript:

>$ ("botão").on ("clique", function ()
$ ('#mydiv').carregamento ('#mydiv')
alerta ('recarregado')
);

Neste trenó de código

• Inclua a biblioteca jQuery através do “src”Atributo.
• Acesse o botão criado e associe o “sobre()”Método.
• Isso invocará a função mencionada no clique do botão, conforme evidente no evento anexado “clique”.
• Na definição da função, acesse o incluído “”Elemento e carregue novamente usando o“carregar()”Método, referindo -se ao seu“eu ia”.
• Resultado, a div incluída será recarregada novamente com o botão Clique, e a mensagem declarada através da caixa de diálogo alerta será exibida.

Saída

Pode -se observar que a div está recarregada com sucesso sem recarregar a página inteira.

Conclusão

Para recarregar o div sem recarregar a página inteira, use o “sobre()”Método em combinação com o“carregar()”Método. Esses métodos podem ser utilizados para recarregar o conteúdo da div no evento desencadeado, acessando -o e se referindo a ele novamente. Este blog descreveu o método para recarregar a div sem recarregar a página inteira.