用ajax替换html代码,替换Ajax响应一个div的内部HTML(Replace inner HTML of a div w

我试图一些时间间隔后改变一个div的内部HTML。 我得到我想要使用Ajax正确的反应。 但无法取代内HTML的后,并用Ajax响应地选择。 什么是错我的代码..

HTML

51 seconds agoimage

58 seconds agoimage

.

.

.

.

.

10 minute agoimage

Ĵ查询

setInterval(function() {

$( ".time" ).each(function( index ) {

var sendTime= $(this).attr("data-time");

dataString = "sendtime="+sendTime+"&q=convertTime";

$.ajax({

type: "POST",

url: "data_handler.php",

data: dataString,

cache: true,

success: function(response) {

alert(response);

$(this).html(response);

//alert(response);

}

});

});

}, 5000);

Answer 1:

this是在回调的窗口。 使用给予的价值callback每个:

$( ".time" ).each(function(index , elem) {

var sendTime= $(this).attr("data-time");

dataString = "sendtime="+sendTime+"&q=convertTime";

$.ajax({

type: "POST",

url: "data_handler.php",

data: dataString,

cache: true,

success: function(response) {

alert(response);

$(elem).html(response);

}

});

});

你并不需要定义一个新的变量来保护this在jQuery已经为您完成。

Answer 2:

当您使用的是异步函数的回调, this在你的回调并非来自同一背景。 您需要保存this在回调中使用的变量。

尝试这样的:

setInterval(function() {

$( ".time" ).each(function( index ) {

var sendTime= $(this).attr("data-time");

dataString = "sendtime="+sendTime+"&q=convertTime";

var self = this;

$.ajax({

type: "POST",

url: "data_handler.php",

data: dataString,

cache: true,

success: function(response) {

alert(response);

$(self).html(response);

//alert(response);

}

});

});

}, 5000);

Answer 3:

我认为,$(这)是断章取义。 尝试:

setInterval(function() {

$( ".time" ).each(function( index ) {

var $this = $(this);

var sendTime= $(this).attr("data-time");

dataString = "sendtime="+sendTime+"&q=convertTime";

$.ajax({

type: "POST",

url: "data_handler.php",

data: dataString,

cache: true,

success: function(response) {

alert(response);

$this.html(response);

//alert(response);

}

});

});

}, 5000);

Answer 4:

setInterval(function() {

$( ".time" ).each(function( index ) {

var sendTime= $(this).attr("data-time");

var _thisvariable = $(this);

dataString = "sendtime="+sendTime+"&q=convertTime";

$.ajax({

type: "POST",

url: "data_handler.php",

data: dataString,

cache: true,

success: function(response) {

alert(response);

_thisvariable.html(response);

//alert(response);

}

});

});

}, 5000);

文章来源: Replace inner HTML of a div with Ajax response

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/532187.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java 审批流_一文读懂工作流

网上关于工作流引擎有比较多的简介,也有很多工作流的实际应用场景。本文结合笔者多年对工作流的经验来阐述一下对工作流的理解。一、什么是工作流?先贴上wiki百科对于工作流的定义工作流(Workflow),是对工作流程及其各…

html制作卡通图案代码,CSS画的卡通动画图案

CSS语言:CSSSCSS确定* {padding: 0;margin: 0;}body {background: #26ad00;}.head {background: #ff8cb2;width: 70vw;height: 50vw;position: absolute;top: calc(50% - 25vw);left: calc(50% - 35vw);z-index: 2;border-radius: 90% 90% 80% 80% / 120% 120% 60% …

postgresql 查询序列_时间序列数据库(TSDB)初识与选择

作者:码哥字节 如需转载联系我的公众号背景 这两年互联网行业掀着一股新风,总是听着各种高大上的新名词。大数据、人工智能、物联网、机器学习、商业智能、智能预警啊等等。以前的系统,做数据可视化,信息管理,流程控制…

开发html,HTML开发基础

常用标签1、各种符号2、p和br3、a标签4、H标签5、select6、input:checkbox7、input:radio8、input:password9、input:button10、input:file11、textarea12、label13、ul or dl14、table15、fieldset16、form17、divHTML代码演示html>页面一这是div块级标签,占一行…

concurrenthashmap实现原理_Mybatis:PageHelper分页插件源码及原理剖析

PageHelper是一款好用的开源免费的Mybatis第三方物理分页插件,其实我并不想加上好用两个字,但是为了表扬插件作者开源免费的崇高精神,我毫不犹豫的加上了好用一词作为赞美。原本以为分页插件,应该是很简单的,然而PageH…

计算机网络dst,计算机网络基础课程—Socket接口

什么是TCP/IP------本课程的主要部分TCP/IP如何工作-----TCP/IP软件结构与实现如何用TCP/IP-------TCP/IP应用程序编程接口前面说过,TCP/IP标准并不指定应用程序与TCP/IP协议软件的接口,但并不是说没有提供任何指导,首先,它指定了…

python输入圆的半径公式_[图文]铁路曲线正矢的计算公式

一、圆曲线正矢的计算1.1 圆曲线正矢的计算公式取圆曲线上两点拉一直线,叫做弦。弦上任意点至曲线上的垂直距离叫矢或叫矢距。在弦中央点的矢距叫正矢(下图)。AB一弦;AC、CB一半弦;CD一正矢;EF一矢距正矢计算公式为其中: f-正矢 C-弦长 R-半径 式中单位均为m。公式用文字表示即…

2021高考成绩查询抖音,2021抖音很火的高考唯美的文案20个

1、用孜孜不倦去追求,拼搏的精神来钻研,让知识浇灌心田,用激情去迎接困难,用青春写意一片赞叹,祝愿大学生活充实饱满,学富五车,才高八斗,开创美丽的明天。2、如食糖蜜心里甜&#xf…

docker 安装nacos_康过来!Nacos配置和管理微服务的使用

Nacos 具有如下特性:服务发现和服务健康监测:支持基于DNS和基于RPC的服务发现,支持对服务的实时的健康检查,阻止向不健康的主机或服务实例发送请求;动态配置服务:动态配置服务可以让您以中心化、外部化和动态化的方式管…

HTML5中volume样式自定义,html5中关于volume属性的使用详解

Audio对象属性: volume 描述:设置或返回音频的音量,取值范围(0——1)下面是我做的音乐播放器如何调节音频音量的代码://增加切换音量事件(function(){var height $("#myAudio ul.control li.volume .alert-box .volume-wrap…

matlab中如何调用gpu进行并行计算_极致安卓-Termux/Aid learning开启WebGL手机GPU并行计算...

在我的之前的测评中,我利用Termux和Aid Learning测试过基于C/C的openmp并行程序,基于Java的并行程序,还有基于MPI以及基于Java的分布式集群并行。但是很遗憾,一直无法成功开发基于OpenCL的GPU并行编程。这是主要是因为Android并没…

python默认编码方式_关于设置python默认编码方式的问题

2019-8-27 07:45:36 本帖最后由 傻纸 于 2019-8-27 10:02 编辑 查了一会资料得出的结论是如果你用的是python3.x,那么就最好别去设置sys.defaultencoding或者sys.stdout.encoding 记住在需要编码的时候用encode,解码的时候decode就可以了。。。 这个问题…

计算机科学与技术是属于什么学科,计算机科学与技术专业属于什么大类 属于哪个学科...

近日,有很多人咨询小编计算机科学与技术专业属于什么大类 属于哪个学科?现在小编统一回复一下大家计算机科学与技术专业属于工学类,下面是关于计算机科学与技术专业详细的介绍。1计算机科学与技术专业门类及学科介绍专业名称专业代码门类学科…

matlab imread_MATLAB图像处理:29:在几何变换输出中指定填充值

本示例说明如何指定imwarp执行几何变换时使用的填充值。执行转换时,输出图像中通常会有一些像素不属于原始输入图像。必须为这些像素分配一些值,称为填充值。默认情况下,imwarp将这些像素设置为零,并显示为黑色。使用FillValues参…

小学生学计算机,学计算机对小学生的好处

内容提要:随着计算机应用的日益社会化和家庭化,计算机在人们工作、学习和生活等各个方面正发挥着越来越重要的作用,而计算机应用基础也相应成为现代社会人们必修的文化基础课。现在的小学生将是未来的创新型人才,他们的计算机水平如何,直接关…

micopython 18b20_MicroPython控制8*8LED点阵显示温度

MicroPython顾名思义就是可以在单片机上跑的Python,借助Micro Python,用户完全可以通过Python脚本语言实现硬件底层的访问和控制,比如说控制LED灯泡、LCD显示器、读取电压、控制电机、访问SD卡等。目前支持MicroPython的开发板有好几种&#…

计算机组装维护文献,组装计算机论文,关于《计算机组装维护》课程教学相关参考文献资料-免费论文范文...

导读:此文是一篇组装计算机论文范文,为你的毕业论文写作提供有价值的参考。【摘 要】计算机硬件知识的教与学对于计算机相关专业的学生来说,重要性是不言而喻的.由于教学资源缺乏,面对这门以操作性强为特点的课程,如何利用学校有限的条件培养出符合职业资格标准的学生是该专业教…

ip变更会影响账号登陆吗_【教程】PUBG账号被盗导致封禁申诉解封教程

很多朋友询问PUBG在被盗号后被盗号者开挂导致永封该如何申诉解封,现在结合一些玩家被盗号及成功申诉的经历,详列一下步骤。本方法只适用于被盗后开挂导致封禁的账号,那些自己开挂被封的孤儿不用往下看了。一.先向steam客服申诉 找回自己的ste…

html5专著,参考文献专著

参考文献类型:专著[M],会议论文集[C],报纸文章[N],期刊文章[J], 学位论文[D], 报告[R], 标准[S], 专利[P],论文集中的析出文献[A]关于你又知道多少呢?下面是小编为大家整…