如何逻辑整理?
1. 需要用到js的定时刷新函数 setInterval(function,time)
2. 只需要对网页中局部的标签进行刷新
函数中function为自定义函数,time是多久执行自定义函数,单位是毫秒
3. 可以通过定义自定义函数进行局部刷新,需要导入jquery
代码演示,如何?
1 <script type="text/javascript"> 2 setInterval(function() { 3 $("#history").load(location.href+" #history>*",""); 4 }, 1000); 5 </script>
html
1 <div class="etu-form-inner-step1" id="history"> 2 <h3><span data-i18n="" >BOOK</span></h3> 3 <?php while($rows1 = mysql_fetch_assoc($res1)) { ?> 4 <div class="time" align="left"><?php echo $rows1['time']; ?></div> 5 <div align="left"><h5><span class="title">【老师】<?php echo $rows1['title']; ?>:</span></h5></div> 6 <div align="left"><?php echo $rows1['detail']; ?></div> 7 <hr /> 8 <?php } ?> 9 </div>
定义一个定时器,1秒刷新一次,自定义函数function每次刷新执行在id=history刷新载入指定网页中id=history的所有内容
location.href 表示刷新本网页
load 表示加载某个网页,有选择性添加某些元素到网页中,load(url,[data],[callback])
ulr 表示 url #some > selector ,是一个字符串,url和# 中间有空格, 指定加载的url,id=some的标签,>表示加载,*表示所有,+表示字符串拼接
[]表示可选,data 数据为 key/value 形式 ,callback表示回调函数,加载完成后执行的函数
有哪些运用场景?
在实时性要求高的场合,比如股票交易,飞机票预定等等场合