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

题主可使用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函数,是经过优化和简化的,更方便使用和上手。