JQuery |从URL中获取HTML，每隔3秒在div中显示一次，不会重复？
JQuery是一种流行的JavaScript库，用于简化HTML文档遍历、事件处理、动画效果等操作。它提供了丰富的API和插件，使得前端开发更加便捷和高效。
对于从URL中获取HTML并每隔3秒在div中显示一次的需求，可以使用JQuery的AJAX方法来实现。具体步骤如下：
- 使用JQuery的AJAX方法发送GET请求获取URL中的HTML内容。
- 使用JQuery的AJAX方法发送GET请求获取URL中的HTML内容。
- 在成功回调函数中，将获取到的HTML内容插入到指定的div中。
- 在成功回调函数中，将获取到的HTML内容插入到指定的div中。
- 使用
setInterval函数每隔3秒执行一次AJAX请求和内容更新操作。 - 使用
setInterval函数每隔3秒执行一次AJAX请求和内容更新操作。
通过以上代码，可以实现每隔3秒从指定URL获取HTML内容，并将其显示在指定的div中。这样可以实现不重复显示的效果。
推荐的腾讯云相关产品：腾讯云对象存储（COS）
- 产品介绍链接地址：https://cloud.tencent.com/product/cos
- 优势：腾讯云对象存储（COS）是一种安全、低成本、高可扩展的云端存储服务，适用于存储和处理任意类型的文件和媒体内容。它具有高可靠性、高可用性、高性能和低延迟的特点，可满足各种存储需求。
- 应用场景：适用于网站、移动应用、大数据分析等场景下的文件存储和管理需求。
相关·内容
我希望我的页面每隔几秒钟就检查一次PHP文件是否返回'true‘，如果PHP文件返回了'true’，则刷新某个div。目前我有这个，这是不工作的，是完整的页面，而不是div (我希望div只刷新，而不是完整的页面)：
<script type="text/javascript">
$(document).ready(function(){
setInterval("checkTime()", 10000);
function checkTime(){
$.ajax({
url:
浏览 0提问于2012-03-06得票数 0
回答已采纳
我需要每隔几秒钟刷新一个textarea元素。我的解决方案包括使用jquery调用$("#element").ready中控制器内的刷新方法。我希望在调用完成后，ready事件将被重新触发，不幸的是，这种情况并没有发生。以下是我的javascript代码：
$("#logTextArea").ready(function () {
alert("ready!");
setTimeout(reloadLogBox(), 5000);
});
function reloadLogBox() {
$.ajax({
浏览 14提问于2014-07-02得票数 0
回答已采纳
3回答
我使用以下代码在加载时通过ajax从服务器获取内容。但在特定情况下，我有几个完全相同的链接。在这种情况下，如何防止我的代码对同一个url进行多个server/ajax调用，但替换不同的div。
jQuery('.js-ajaxfill').each(function(i){
var _this = jQuery(this);
jQuery.ajax({
url: _this.data('href'),
success: function( data ) {
_this.children(&#
浏览 3提问于2013-04-12得票数 0
我是javascript和jquery的新手，但我正在尝试创建一个页面，允许用户单击某个国家的名称，该国家的信息将从一个单独的html文件加载到div中。
在其他地方，我找到了这段代码，它在<a>标记上使用了.click(function)：
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j("a").click(function(){
$j.ajax({
url: $j(this).attr("href"),
浏览 1提问于2016-01-11得票数 0
3回答
这是我的密码。在这里，div在5秒后被动画化，而隐藏在另一个5秒之后。我需要每5秒重复一次。这意味着，每5秒，div将动画和消失后，再过5秒。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
&
浏览 4提问于2013-11-22得票数 1
回答已采纳
1回答
我希望页面运行form.js，并在加载页面时从read.php加载数据。并每隔几秒钟自动刷新一次表，而不是单击刷新按钮。这是可能的吗?我怎样才能做到这一点？
// index.html
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="/dashboard/form.js"&
浏览 1提问于2021-04-28得票数 0
回答已采纳
1回答
我使用来自Wi模块的POST请求将对象添加到我的模型中。它存储来自不同传感器的数据。数据每隔5秒定期发送一次。为了显示这些数据，我创建了一个页面。我不希望整个页面刷新，因为不同的div在不同的时间获取数据。我想要实现的是，某些div定期刷新，比如10秒，并获得更新的数据。
我创建了一个测试模板来测试自动刷新部分。到目前为止，我已经做到了：
urls.py：
urlpatterns = [
url(r'^test/', views.test, name='test'),
]
views.py：
def test(request):
acc_list =
浏览 0提问于2018-05-13得票数 0
2回答
我目前正在使用以下javascript来加载几个div中的项：
<script>
$.ajax({
url: 'load.php?type=divA',
cache: false,
success: function(data){
$('#divA').html(data);
}
});
$.ajax({
url: 'load.php?type=divB',
cache: false
浏览 2提问于2014-04-06得票数 0
回答已采纳
function loadDate()
{
$.ajax({
type : "POST",
url : "/ajax/date",
data : "text",
success : function(response)
{
$('#dateSection').html(response);
},
error : function(e)
{
al
浏览 4提问于2013-11-24得票数 0
回答已采纳
4回答
我现在有以下函数，在刷新页面时更新div中的数据，这很好，但是我想编辑函数，使它不断更新，每2秒说一次，而不必刷新页面。我该怎么做呢？
<script>
$(document).ready(function ajaxLoop() {
//-----------------------------------------------------------------------
// Send a http request with AJAX Jquery
//---------------------------------
浏览 5提问于2014-08-12得票数 2
回答已采纳
我正在使用jQuery，在执行一个返回包含相同setInterval的相同代码的AJAX请求时，我很难停下来工作setInterval。这就是：
如果我有以下代码：
<div id="test_css_id">
<a id="link_css_id" href="test_url.html">LINK</a>
<script type="text/javascript">
$('#link_css_id').click(function(event)
浏览 4提问于2013-09-19得票数 0
回答已采纳
6回答
如何只重新加载页面内容，而不是为给定的php和javascript代码加载jquery成功函数之后的整个页面。在最初，它显示
成功
在ajax调用之后，它将显示为
失败
重新加载整个页面。
Php代码：
<?php
require 'dbconnect.php';
$sql="select * from tbl_status where id='1'";
$res=mysql_query($sql);
$row=mysql_fetch_array($res);
if($row['status']=='
浏览 9提问于2013-03-29得票数 1
我一直在寻找如何通过jquery调用在Index视图的div标记中加载部分视图。当我点击我的树上的一个链接时，我没有得到部分视图的更新。分部视图在我第一次运行它时加载，b/c我调用<div id="divid"> @Html.Partial("_InnerView")</div>。在那之后，当我点击链接时，什么也不会发生。或者，也许我在这里没有得到完整的信息。有些人提到要使用$('#divid').load = data;或$('#divid').innerHTML= data;，但对我来说都不起作用。这就
浏览 0提问于2013-12-03得票数 1
1回答
我有iFrameA和iFrameB来显示数据。我有AJAX代码，它将从mySQL获得ID，并根据ID显示视频。AJAX将每隔一秒钟检查一次代码。假设我在iFrameA中显示视频A的ID 1，在iFrameB中显示视频B的ID 2。如果有人在数据库中输入1，那么视频A将被显示，直到输入ID 2。但是AJAX将在每一秒内继续它的任务。
我正在尝试下面的代码，但是每一秒iFrame都会重新加载。我想，如果视频A是显示没有人进入ID 2，那么视频2将显示，不需要重新加载继续。
main.html
<!DOCTYPE html>
<html>
<head>
<
浏览 3提问于2014-09-11得票数 0
回答已采纳
我正在用Jquery为我的网站做一个证明轮转器，但是Ajax函数运行得太早了，所以你会看到HTML的变化，然后它就淡出了，又回来了。我试过找出这个问题，但似乎找不到。
<div class="testimonials">
<div id="testimonial"></div>
</div>
<script type="text/javascript">
function loadTestimonial(){
$("#testimonial"
浏览 0提问于2011-12-28得票数 1
回答已采纳
我正在学习setTimeout和setInterval的对比，我可以使用setInterval，但不能使用setTimeout。例如，这不起作用：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Brewery</title>
<script type="text
浏览 0提问于2012-01-24得票数 3
回答已采纳
你好，我的jQuery遇到了问题，它可以滚动到底部，但我希望它滚动到底部一次，而不是每隔x秒滚动一次，这很烦人，我不知道如何修复它，这是我的代码:)
setInterval(function(){
var request = $.ajax({
'url': './message/all',
'type': 'GET',
});
request.error(function(status){
$('html').html(status.responseText
浏览 1提问于2015-12-24得票数 0
我现在得到的是：
function()
{
setInterval("getSearch()",10000);
getSearch();
}
);
但是，如果鼠标光标放在我网站上的div中，我希望此时间间隔暂停。我该如何解决这个问题？当然，我需要给div一个ID。但是关于如何制作javascript/jquery部分的一些意见是非常感谢的。
编辑:更多我的代码..我不太确定在下面的答案中插入代码的位置：
$( function() { setInterval("getSearch()",10000)
浏览 0提问于2010-12-10得票数 1
我创建了一个消息传递系统，当用户单击链接时，它会在jquery对话框中打开。它每隔5秒检查一次新消息。问题是，在用户关闭对话框后，如果用户不刷新页面，它将继续检查正在消耗大量资源的消息。那么，有没有办法在关闭对话框后终止函数呢？
打开对话框的代码。
$('body a#link').each(function() {
var $dialog = $('<div></div>');
var $link = $(this).one('click', function() {
$dialog
浏览 3提问于2011-09-30得票数 1
回答已采纳
2回答
我刚开始使用json和jquery。我试图通过一些例子来学习json和jquery的基础知识。因此，我在我的示例中使用了中现有的json数据。我想在我的HTML页面中显示这些数据。我的代码是：
<html>
<head>
<title>jQuery Ajax Example with JSON Response</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" type="text/javascript&
浏览 2提问于2015-06-05得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
