Atualização de resposta de evento: atualização somente quando solicitado
1. Obtenha elementos HTML por meio de JS HTML DOM ou jQuery, monitore eventos de página por meio de métodos DOM ou métodos jQuery e obtenha solicitações de usuários;
2. Envie a solicitação do usuário ao servidor através do Ajax, o servidor retorna o resultado após o processamento e então o Ajax recebe os dados;
3. Carregue os dados na página por meio do método DOM ou jQuery e a atualização da resposta do evento será concluída.
$('#input_date').keypress(function(e){ if(e.keyCode=='13'){ $.ajax({ tipo: POST, url: seek_date.php, dados: { nascimento:nulo,/ /1. Obtenha solicitações do usuário (ou seja, determinados eventos) e envie-as ao servidor para processamento data:$('#input_date input').val() }, dataType: json,//2. function(data){ if (data.success) { var festival = data.fetivalInquireResult;//3. Carregue os dados obtidos na página para implementar a atualização da resposta do evento da página $('#show_festival').text(festival }); else { $('#show_festival').text(Falha ao obter festival } }, erro: function(jqXHR){ alert(Erro ocorrido: + jqXHR.status); }, }); $('#festival').hide();Atualização automática parcial: páginas parciais serão atualizadas automaticamente sem solicitação
1. Use funções de timer como setTimeout() para permitir que o Ajax obtenha dados do servidor em intervalos regulares;
2. Carregue dados na página por meio do método DOM ou jQuery para obter atualização automática parcial da página.
$(document).ready(function(e){ setTimeout('updateShow()',0);});/*Atualizar parcialmente automaticamente os dados da página*/function updateShow(){ $.ajax({ type: GET, url : pergunte_date.php?data= + pergunte, dataType: json,//1 Obtenha dados do servidor regularmente por meio de um timer de sucesso: function(data) { if (data.success) { var. ageFormat = data.agesFormat; var daysFormat = data.daysFormat;//2. Carregar dados na página para obter atualização automática $('#ages').text(agesFormat); ); } else{ alert(Falha ao obter dados } }, erro: function(jqXHR){ alert(Erro ocorrido: + jqXHR.status); setTimeout('updateShow()',500);}O texto acima é todo o conteúdo deste artigo. Espero que seja útil para o estudo de todos. Também espero que todos apoiem a Rede VeVb Wulin.