Nos últimos anos, eu escrevi JQuery demais Fato, essa é a essência do Ajax no jQuery. , e os comentários estão escritos em detalhes, para que todos possam entender:
A cópia do código é a seguinte:
<script type = "text/javascript">
// (a) ① Método para obter o arquivo de texto (JavaScript tradicional implementa o método de escrita do AJAX)
função loadxmldoc1 ()
{
var xmlhttp;
if (window.xmlhttprequest)
{
// Código para IE7+, Firefox, Chrome, Opera, Safari
xmlHttp = novo xmlHttPrequest ();
}
outro
{
// código para ie6, ie5
xmlhttp = new ActiveXObject ("Microsoft.xmlHttp");
}
// ONREADESTATECHANGE armazena uma função (ou nome da função), que será chamado sempre que a propriedade ReadyState mudar.
xmlhttp.onreadyStatechange = function ()
{
// ReadyState
// O status do xmlHttPrequest está presente. Alterações de 0 a 4.
// 0: a solicitação não é inicializada
// 1: a conexão do servidor foi estabelecida
// 2: o pedido foi recebido
// 3: o processamento de solicitação está em andamento
// 4: a solicitação foi concluída e a resposta está pronta
//status
// 200: "OK"
// 404: página não encontrada
if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
{
document.getElementById ("mydiv1"). innerhtml = xmlHttp.RESPONSETEXT;
}
}
xmlhttp.open ("get", "doc/test1.txt", true);
xmlhttp.send ();
}
Código da página HTML:
A cópia do código é a seguinte:
<Body>
<form id = "form1" runat = "server">
<%-Obtenha o arquivo de texto no servidor e exibir-%>
<div id = "mydiv1"> <h2> Altere o conteúdo através do Ajax </h2> </div>
<button id = "btnchange1" type = "button" onclick = "loadxmldoc1 ()"> altere o conteúdo através do ajax (obtenha o texto acima do teste1.txt) </botão>
</morm>
</body>
Efeito de demonstração: