
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
<script src="jquery18/jquery-180minjs"></script>
<script language="javascript">
jQuery(function ($) {
$("div:first")html("<textarea>aaaaaa</textarea>");
$(":button")click(function(){
$("textarea")html($("textarea")html() + "test");
$("div:last")html($("textarea")html());
});
});
</script>
</head>
<body>
<div></div>
<input type="button" value="test" />
<div></div>
</body>
</html>
要实现这个功能,要用到ajax获取后端数据,和前端js定时器的知识,
首先自定义一个ajax获取要显示在html页面上的数据的方法,例如方法getdata,这个方法把获取的返回值,通过js动态的显示到html页面要显示的区域,然后再写一个js定时器来实现实时调用数据,如:
<script>
//定时器 异步运行
function hello(){
alert("hello");
}
var t2 = windowsetTimeout("hello()",3000); //定时器
//windowclearTimeout(t2);//去掉定时器
</script>
把里面的hello方法换成你ajax获取数据的方法名,然后改下定时器里面的方法名和时间,这里设置的是3秒钟执行一次可以设置成你自己要的数据,就实现了你要的页面实时调用数据了。
以上就是关于jquery动态加html,获取最新的的textarea值全部的内容,包括:jquery动态加html,获取最新的的textarea值、用JS实时调用数据显示在HTML页面上、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)