html网页局部刷新

参考http://www.w3school.com.cn/tiy/t.asp?f=jquery_ajax2

解决方案 »

  1.   

    呵呵又是你啊，麻烦在帮我看下代码有什么问题不能刷新,上次用AJAX可以刷新但是代码有点多，现在需要代码量尽量少的方法实现
    <html><head>\n\
    <meta name='viewport' content='width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no'/>\n\
    <title></title><style type='text/css'>\n\
    a{color:black;text-decoration:none}nav{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:justify}\n\
    .nav a{display:block}.mod{text-align:center;padding:10px 0;border-top:1px solid #EBEBEB}.mod .tab{margin:auto;width:300px}\n\
    </style>\n\
    <script src=\"/jquery/jquery-1.11.1.min.js\"></script>\n\
    <script>\n\
    $(document).ready(function(){ setInterval(function(){$('#test').load('index.htm.txt');},3000)})\n\
    </script>\n\
    </head><body id=\"test\" style='margin:0;padding:0'>\n\
    <div style='background:#168DFD;text-align:center;line-height:45px'><span style='color: #fff'>APF %s-%d</span></div>\n\
    <div style='padding:10px 12px 10px 12px'><nav class='nav'><a href='#' style='color:#168DFD'>基本</a><a href='power.htm'>功率</a><a href='io.htm'>I/O</a><a href='setting.htm'>设置</a><a href='about.htm'>关于</a></nav></div>\n\
    <div class='mod'><table class='tab'><tr><th colspan='4'>电网电压</th></tr><tr><td width='50%%'>有效值(V)</td><td>%.1f</td><td>%.1f</td><td>%.1f</td></tr><tr><td>频率(Hz)</td><td>%.1f</td><td>%.1f</td><td>%.1f</td></tr><tr><td>THDU(&#37)</td><td>%.1f</td><td>%.1f</td><td>%.1f</td></tr></table></div>\n\
    <div class='mod'><table class='tab'><tr><th colspan='4'>电网电流</th></tr><tr><td width='50%%'>有效值(A)</td><td>%.1f</td><td>%.1f</td><td>%.1f</td></tr><tr><td>功率因数</td><td>%.2f</td><td>%.2f</td><td>%.2f</td></tr><tr><td>THDI(&#37)</td><td>%.1f</td><td>%.1f</td><td>%.1f</td></tr></table></div>\n\
    </body></html>"
      

  2.   

    刷新的代码不多啊
    $(document).ready(function(){ setInterval(function(){$('#test').load('index.htm.txt');},3000)})//就一句
      

  3.   

    还有就是这个<script src=\"/jquery/jquery-1.11.1.min.js\"></script>里面的那个src有什么用，应该怎么写它啊
      

  4.   

    <html>
    <head>
    <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      setInterval(function(){$.get('a.html',function(a){$("#myDiv").html(a)})},3000)
    });
    </script>
    </head>
    <body><div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
    </body>
    </html>
      

  5.   

    这个我也试了，在那个W3school在线测试工具里可以，但是放到我网页里就不行
      

  6.   

    jquery 路径对吗
    有没有测试地址给个
      

  7.   

    jquery 路径应该怎么写啊，测试地址是网页的地址吗：http://192.168.1.1/index.htm第一次搞这个
      

  8.   

    <script src="/jquery/jquery-1.11.1.min.js"></script>
    换成这个
    <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>
      

  9.   

    <script>
    function loadXMLDoc()
    {
    var xmlhttp;if (window.XMLHttpRequest){xmlhttp=new XMLHttpRequest();}else{xmlhttp=new ActiveXObject(\"Microsoft.XMLHTTP\");
    }
    xmlhttp.onreadystatechange=function()
    {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById(\"test\").innerHTML=xmlhttp.responseText;
    }
    }
    xmlhttp.open(\"GET\",\"index.htm\",true);
    xmlhttp.send();
    }
    setInterval(loadXMLDoc,3000)
    </script>
    上面这样写在我的网页里可以实现部分定时刷新，其他的用jquery都没实现刷新，不知道是不是这个jquery 路径问题，还是其他问题
      

  10.   

    oad('index.htm.txt');路径对吗
    控制台那里调试下
      

  11.   

    那个index.htm是我要加载的url,后面那个.txt是不是就是加载来的文本啊，还是什么意思啊，load（）括号里该怎么写啊
      

  12.   

    你好，我现在大概知道为什么不行了，我没有下载jquery库，而且我做的是一个嵌入式无线wifi，是用MDK软件调试编译的，我不知道可以用Jquery不，如果能用，怎么把Jquery库加到我的项目里来啊