JS刷新时不刷新视频的问题

Question

<script language="javascript">
$(function () {
    setInterval(function () {
        $("#div_here").load(location.href + " #div_here");
    }, 3000);//3秒自动刷新
})
</script>
<div id="div_here">
{foreach from=$liaotian_list item=lt}
<div style=" padding:10px 10px 10px 10px;border-radius:5px; {if $lt.neirong neq ''}background: #f7f7f7;{/if}float:left;width:65%;">
        <span id="nr_{$lt.lt_id}">{$lt.neirong}</span>
        {if $lt.pic neq ''}
                {if $lt.neirong neq ''}
                        <br />
                {/if}
                <a href="{$lt.pic}" class="without-caption image-link"><img src="{$lt.pic}" width="100%" height="200" style="border:1px solid #CCC;border-radius:10px;" /></a>
        {/if}
        {if $lt.video neq ''}
                {if $lt.neirong neq ''}
                         <br />
                {/if}
                        <video id="videoID" src="{$lt.video}" width="100%" height="200" controls preload style="border:1px solid #CCC;border-radius:10px;"></video>
        {/if}
</div>
{/foreach}
</div>

上面是每隔3秒就刷新div_here，但是div_here这个里面有视频，所以视频永远都看不了，请问怎么弄才能只刷新div_here这个里面的文字和图片，而不刷新视频？

Answer 1

ChatGPT尝试为您解答
要达到你所描述的效果，你可以尝试使用 $.ajax() 方法，这样你就可以在不刷新整个页面的情况下更新指定的 div 元素。

---

首先，你需要在服务器端编写一个脚本，这个脚本负责处理你的请求并返回最新的文字和图片。然后，你可以使用 $.ajax() 方法从服务器端获取新的文字和图片，并使用 $("#div_here").html(data) 将新的文字和图片插入到 div 元素。
示例代码如下：

$(function () {
  setInterval(function () {
    $.ajax({
      url: 'get_new_content.php',
      success: function (data) {
        $("#div_here").html(data);
      }
    });
  }, 3000);
});

在这里，get_new_content.php 是你编写的服务器端脚本，它负责返回最新的文字和图片。

请注意，上面的代码只是一个示例，你可能需要根据你的实际情况来调整代码。
希望对您有所帮助