jquery动态加html,获取最新的的textarea值

jquery动态加html,获取最新的的textarea值,第1张

<!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页面上、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9630499.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存