一个html网页,我想刷新里面的一部分,怎么办

 我来答
音符侯爵
推荐于2018-02-27 · 超过13用户采纳过TA的回答
知道答主
回答量:24
采纳率:100%
帮助的人:13.7万
展开全部

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

我在html页面中用ajax来将ajax_info.txt这个本地文本文档中的内容重新刷新加载到id为myDiv的div控件中,而页面不用整个刷新。

ajax_info.txt内容为:

<p>AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
</p>
<p>
AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下
</p>

html页面代码为:

<html>
<head>
<meta charset="utf-8">
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改内容</button>

</body>
</html>

原本页面效果为:

点击按钮后页面效果为:

题主可以一试,如果觉得繁琐,可以看看jquery的ajax函数,是经过优化和简化的,更方便使用和上手。

纯洁的小树
2016-11-08 · TA获得超过3386个赞
知道大有可为答主
回答量:2536
采纳率:71%
帮助的人:469万
展开全部
通过ajax获取数据,然后通过js操作dom,吧获取的数据填充到你要刷新的区域,就实现了局部刷新的效果!
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
鬼怪屋
2017-09-22 · 深夜来临时,跟我一起来看鬼故事。
鬼怪屋
采纳数:46 获赞数:104

向TA提问 私信TA
展开全部
两种方式:
1、iframe框架,刷新部分放到框架里可以实现。
2、ajax方式,也可以实现部分刷新。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
戢凝阳8z
2019-09-20
知道答主
回答量:1
采纳率:0%
帮助的人:699
展开全部
请你给我刷新至尊强婿周天
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2017-09-22
展开全部
通过ajax获取数据,然后通过js操作dom,吧获取的数据填充到你要刷新的区域,就实现了局部刷新的效果!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式