使用jQuery在设置的时间间隔内部分刷新html内容

时间:2018-05-16 14:02:33

标签: javascript jquery html performance reload

我有一个像这样的HTML页面:

<?xml version="1.0" encoding="UTF-8" ?>
<ContentView x:Class="MVVMFramework.VVMs.Red.RedView"
             xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:vm="clr-namespace:MVVMFramework.VVMs.Red"
             BackgroundColor="Red"
             BindingContext="{Binding Source = {vm:RedViewModel}}"> //Something like this

我希望每10秒执行一次<head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript"> function reload(){ $( "#id_1" ).load(window.location.href + " #id_1" ); $( "#id_2" ).load(window.location.href + " #id_2" ); } } </script></head> <body> <span id="id_1">Something</span> <div id="id_2" >Something</div> </body> ,而不会影响页面的整体性能。 DOM中有很多按钮具有reload()绑定,并且它们的性能不受影响非常重要。

我尝试使用onClick()setInterval(),但页面在定义的时间段过去之前停止工作。我也调查了一个网络工作者,但我找不到办法做到这一点。据我所知,Web工作者无权访问DOM。

1 个答案:

答案 0 :(得分:-1)

我用ajax做了这个。您可以定义一个函数来获取需要重新加载的div的内容。说一下函数a,然后附加一个setinterval函数来函数a。

它应该工作我确定