html局部刷新-HTML页面部分刷新的实现代码

小编推荐：Fundebug提供JS错误监控、微信小程序错误监控、微信小游戏错误监控、Node.j错误监控和Java错误监控。 确实是一个非常好用的错误监控收费服务，很多大鳄鱼公司都在使用。

本文主要介绍HTML页面部分刷新的实现代码的相关信息。 非常全面、详细，有一定的参考价值。 有需要的同学可以参考学习。 如有不足之处html局部刷新，欢迎批评指正。

事件响应刷新：有请求则刷新

$('#input_date').keypress(function(e){ if(e.keyCode=='13'){ $.ajax({type: "POST" url: "inquire_date.php", data: { birth:null,//1.获取用户请求（即某些事件），发送到服务器处理date:$('#input_date input').val( },dataType: "json",
//2.从服务器获取数据success: function(data){if (data.success) {var festival = data.fetivalInquireResult; 
//3.将获取的数据载入页面，实现页面事件响应刷新$('#show_festival').text(festival);} else {$('#show_festival').text("获取节日失败")} },//欢迎加入全栈开发交流群一起学习交流：619586920error: function(jqXHR){     alert("发生错误：" + jqXHR.status);  },     });$('#festival').hide();$('#response_festival').show();} 
});

部分手动刷新：部分页面无需请求就会手动刷新

1、使用setTimeout()等定时器函数，让Ajax定时从服务器获取数据；

2.通过DOM或jQuery将数据加载到页面中html局部刷新，实现页面的部分手动刷新。

$(document).ready(function(e){setTimeout('updateShow()',0);});/*局部自动刷新页面数据*/function updateShow(){$.ajax({type: "GET",url: "inquire_date.php?data=" + "inquire",dataType: "json",//1.通过定时器定时从服务器获取数据success: function(data) {if (data.success) {//欢迎加入全栈开发交流群一起学习交流：619586920var agesFormat = data.agesFormat;var daysFormat = data.daysFormat;//2.将数据载入页面，实现自动刷新$('#ages').text(agesFormat);$('#days').text(daysFormat);} else{alert("获取数据失败");}},error: function(jqXHR){     alert("发生错误：" + jqXHR.status);   }, //欢迎加入全栈开发交流群一起学习交流：619586920});setTimeout('updateShow()',500);}

结语

感谢您的观看。 如有不足之处，敬请批评指正。