小弟项目有一需求,从其他页面读取数据局刷当前页面DIV,下面是当前页面的代码<head>
<script src="jquery.min.js"></script>
<script>
var auto_refresh = setInterval(
function()
{
$('#t1').load('3.html #t1');
$('#t2').load('3.html #t2');
$('#t3').load('3.html #t3');
.........     ...........
.........     ...........
$('#tn').load('3.html #tn');
}, 2000);
</script>
</head><body>
<div id="t1"></div>
<div id="t2"></div>
<div id="t3"></div>
.........     ...........
.........     ...........
<div id="tn"></div>
</body>
</html>
请问这样写效率是不是很低?每刷一个div就需要load一下3.html?能否只请求一次数据即可刷新t1~tn?
以前只做桌面应用,刚接触web编程,对机制不慎了解,如有描述错误的地方还请包涵。

解决方案 »

  1.   

    把3.html加载到一个隐藏div中,在这个div中查找加载指定元素。
      

  2.   

    打车请问一下,我的项目部署在PLC中,由于属于嵌入式WEB SERVER,读写速度有限,经常出现JQUERY还没加载完,页面已经执行完的情况,查看错误信息说是没找到JQUERY,多刷新几次页面就正常,请问这样的情况如何解决?
      

  3.   

    改进一下:
    用$.post, 或者$.ajax, 返回一个json数据, 如果你不愿意学json也可以将需要的html打包请求回来放在hidden中, 再后面慢慢从hidden元素里取, 这样就可以一次得到多个值了。 
    象你这样一次次地请求别的页面, 效率当然低啦。
      

  4.   

    一个周期只请求一次页面效率肯定很高.关于你的webserver读写速度有限,目前没有好办法!
      

  5.   


    刚接触WEB编程,试了半个上午也没弄对,惭愧,能否给个实例代码?
      

  6.   

    试了整整一上午,内容能取回,但t1得不到内容
    <head>
    <script src="jquery.min.js"></script>
    <script>
    var auto_refresh = setInterval(
    function()
    {
    $('#content').load('3.html');
    $('#t1').append($('#vt1'));
    }, 2000);
    </script>
    </head><body>
    <div id="content"><div>
    <div id="t1"></div>
    <div id="t2"></div>
    </body>
    </html>
      

  7.   

    $('#t1').append($('#vt1'));这里面的$('#vt1')是什么?$('#vt1').html()? $('#vt1').val()? 还是?你在运行的时候可以看下JS错误提示,大概就知道什么原因了