Html 页面局部刷新方法

最新推荐文章于 2023-01-27 18:23:53 发布

原创最新推荐文章于 2023-01-27 18:23:53 发布 · 1.6w 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#html #c# #ajax #定时

前端页面专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种利用JavaScript的setInterval方法结合Ajax技术实现网页局部内容实时更新的方法。具体而言，通过定时器定期发送Ajax请求获取最新数据，并使用回调函数更新显示在页面上的指定元素内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<body>

<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
  {
  var t=new Date()
  document.getElementById("clock").value=t
  }
</script>
</form>
<button οnclick="int=window.clearInterval(int)">
Stop interval</button>

</body>
</html>

$.ajax({
    url: 'doc.xml',
    type: 'GET',
    dataType: 'xml',
    timeout: 1000,
    error: function(){
        alert('Error loading XML document');
    },
    success: function(xml){
        alert(xml);
  //此处xml就是XML的jQuery对象了，你可以用find()、next()或XPath等方法在里面寻找节点，
和用jQuery操作HTML对象没有区别
    }
});

通过setInterval 和 ajax 来不断刷新局部界面

Html 页面 局部刷新方法

Html 页面局部刷新方法