如何用javascript实现页面局部刷新?

比如某个div要进行局部刷新

比较原始的做法就是嵌入一个iframe,然后在里面加入一个小网页,就可以通过javascript对它进行操作了,或者是用AJAX,这个只能算是局部网页替换,比如添加一些网页元素或修改一些网页元素,看你需要把,如果是大范围的刷新的话就用iframe,若是小范围的更新就用AJAX。操作起来不麻烦。
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-09-28

简单实现代码如下:

var xmlhttp;
                        if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                            xmlhttp = new XMLHttpRequest();
                        }
                        else {// code for IE6, IE5
                            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                        }
                        xmlhttp.onreadystatechange = function () {
                            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                               //局部刷新代码                            }
                        }
                        xmlhttp.open("get", "StatutoryDayCheck.aspx?dates=" + encodeURIComponent(dates), true);
                        xmlhttp.send();

第2个回答  推荐于2017-09-21
这个你操作这个元素的innerHTML就行了
比如
<div id="xx"></div>
脚本:
document.getElementById("xx").innerHTML="abc";

而用jquery更简单
$("#xx").html("abc");

你可以看看关于jquery的 ajax,和基础用法吧本回答被提问者和网友采纳
第3个回答  2015-10-07
使用AJAX吧?或者使用iframe框架,再或者使用divObject.innerHTML=变化的代码;
第4个回答  2012-11-08
用ajax
jquery的好用

JavaScript中iframe实现局部刷新的几种方法汇总_javascript技巧_百度...
三:iframe实现局部刷新的方法三:方案一:用iframe的name属性定位或方案二:用iframe的id属性定位方案三:当iframe的src为其它网站地址(跨域操作时)方案四:通过和替换iframe的src来实现局部刷新可以用document.getElementById("iframname").src=""来进行iframe得重定向;示例代码如下:test.html ...

js刷新当前页面的几种方法总结
1. 使用location.reload方法 这是最常见且简单的方法。通过调用`location.reload`方法可以刷新当前页面。该方法会重新加载当前页面的资源,导致页面刷新。2. 使用location.href方式 通过修改`location.href`属性为当前页面的URL,可以触发页面刷新。这种方式实际上是导航到当前页面,因此会触发完整的页面加载过...

js页面局部刷新问题
第一种方法,在你的代码基础上:1、假设左边tree的html结构: 课表查询 信息修改 \/\/注意以上a元素的link属性代表中间将要显示的页面的名称,根据需要自行修改 2、引入jquery库,在head之间添加如下代码:(function(){ var $tree_a = $("#tree").find("a");\/\/获取tree中的a元素集合 var $main ...

ASP.NET中局部刷新问题,使用javascript进行页面局部刷新。
function changeCode(){ var Img = document.getElementById("vimg");Img.src = "..\/Admin\/WaterMark.ashx?t" + Math.round(Math.random()*1e17);} 我是这样用的,供你参考!

如何进行局部刷新呢??不要说用什么技术什么的来个简
局部刷新我不懂,不过要做验证码的刷新还是可以的,只要在在aspx的源码里写上javascript,点击“刷新”按钮后,将生成验证码的页面再绑定一次到img.src就行了~~~

一个html网页,我想刷新里面的一部分,怎么办
题主可使用javascript里的ajax函数来实现html页面里的局部刷新功能,比如:我只刷新html页面中的某个div,把div中的内容换掉,或者数据更新,可以通过改变ajax函数的url访问路径来实现,可以访问某个目录下的文件,或者发送请求到服务器来刷新数据都可以,这是比较常用的方法,我举个例子:我在html页面中用...

怎样局部刷新网页
一种方法是使用框架,每一个框架内都可以载入一个完整的网页,而在框架所在的网页内,则会体现出“局部刷新”的效果。另一种方法是使用Ajax,异步载入需要的数据后,使用JS对HTML文档 的DOM结构进行更改,实现“局部刷新”的效果。你可以在以下文章中了解具体知识:参考资料:【HTML框架】http:\/\/www.w3school.com.cn\/...

前端ajax项目如何实现页面局部刷新?
实现页面局部刷新的关键在于运用Ajax技术,它允许前端从服务器获取数据,同时只更新页面中特定的DOM元素,无需重载整个页面。实现步骤包括三个主要部分:HTML、JavaScript与PHP。HTML示例代码展示页面布局与指定更新区域。JavaScript代码则负责绑定事件,例如点击按钮触发Ajax请求。在客户端,利用jQuery的.ajax()...

怎么用javascript实现 XXX登陆之后 在首页下面显示你好,XXX
ajax 请求啊 回调函数里面修改相应DIV 的内容,这样可以实现局部刷新。 不然你就只能刷新整个页面了,将值存在session里面,刷新页面的时候去取。

如何能让网页局部自动刷新(别人的网页的即时信息)
推荐学习一下AJAX,给个小例子,动态的时间,input中的时间每秒刷新一次(需要使用ASP)1:index.htm var xmlhttp,alerted try { xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")} catch (e) { try { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")} catch (E) { alert("请安装Microso...

相似回答